#3F3F46

Share this color with others or download a color card image with HEX and RGB values. Perfect for social media, presentations, or design reference.

All Formats

HEX

#3F3F46

RGB

rgb(63, 63, 70)

RGBA

rgba(63, 63, 70, 1)

HSL

hsl(240, 5.26%, 26.08%)

HSLA

hsla(240, 5%, 26%, 1)

CMYK

cmyk(10%, 10%, 0%, 73%)

Color Palettes

Harmonious color combinations based on #3F3F46

Monochromatic

Shades and tints of the same hue

#18181B

#494950

#797986

#AFAFB6

#E4E4E7

Analogous

Adjacent colors on the color wheel

#3F4646

#3F4246

#3F3F46

#423F46

#463F46

Complementary

Opposite color for maximum contrast

#3F3F46

#46463F

Triadic

Three evenly spaced colors

#3F3F46

#463F3F

#3F463F

CSS Usage Examples

Background

background-color: #3F3F46;

Text

color: #3F3F46;

Border

border: 2px solid #3F3F46;

Shadow

box-shadow: 0 4px 6px #3F3F4640;

Related Colors

Discover harmonious color variations

Complementary

#46463F

Opposite on color wheel

Lighter

#6F6F7C

+20% lightness

Darker

#0F0F10

-20% lightness

Analogous -30°

#3F4346

Adjacent color

Analogous +30°

#433F46

Adjacent color