#3f545c hex color

In a RGB color space, hex #3f545c is composed of 24.7% red, 32.9% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 31.5% cyan, 8.7% magenta, 0% yellow and 63.9% black. It has a hue angle of 196.6 degrees, a saturation of 18.7% and a lightness of 30.4%. #3f545c color hex could be obtained by blending #7ea8b8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 25
- G 33
- B 36
RGB color chart
- C 32
- M 9
- Y 0
- K 64
CMYK color chart

● #3f545c color description : Very dark grayish blue.

The hexadecimal color #3f545c has RGB values of R:63, G:84, B:92 and CMYK values of C:0.32, M:0.09, Y:0, K:0.64. Its decimal value is 4150364.

Hex triplet	3f545c	`#3f545c`
RGB Decimal	63, 84, 92	`rgb(63,84,92)`
RGB Percent	24.7, 32.9, 36.1	`rgb(24.7%,32.9%,36.1%)`
CMYK	32, 9, 0, 64
HSL	196.6°, 18.7, 30.4	`hsl(196.6,18.7%,30.4%)`
HSV (or HSB)	196.6°, 31.5, 36.1
Web Safe	336666	`#336666`

CIE-LAB	34.334, -5.873, -7.273
XYZ	7.152, 8.17, 11.325
xyY	0.268, 0.307, 8.17
CIE-LCH	34.334, 9.348, 231.079
CIE-LUV	34.334, -10.295, -8.524
Hunter-Lab	28.583, -5.359, -3.483
Binary	00111111, 01010100, 01011100

#3f545c
```
#3f545c rgb(63,84,92)
```
#5c473f
```
#5c473f rgb(92,71,63)
```

Complementary Color

#3f5c56
```
#3f5c56 rgb(63,92,86)
```
#3f545c
```
#3f545c rgb(63,84,92)
```
#3f465c
```
#3f465c rgb(63,70,92)
```

Analogous Color

#5c563f
```
#5c563f rgb(92,86,63)
```
#3f545c
```
#3f545c rgb(63,84,92)
```
#5c3f46
```
#5c3f46 rgb(92,63,70)
```

Split Complementary Color

#545c3f
```
#545c3f rgb(84,92,63)
```
#3f545c
```
#3f545c rgb(63,84,92)
```
#5c3f54
```
#5c3f54 rgb(92,63,84)
```

Triadic Color

#3f5c47
```
#3f5c47 rgb(63,92,71)
```
#3f545c
```
#3f545c rgb(63,84,92)
```
#5c3f54
```
#5c3f54 rgb(92,63,84)
```
#5c473f
```
#5c473f rgb(92,71,63)
```

Tetradic Color

#202b2f
```
#202b2f rgb(32,43,47)
```
#2a383e
```
#2a383e rgb(42,56,62)
```
#35464d
```
#35464d rgb(53,70,77)
```
#3f545c
```
#3f545c rgb(63,84,92)
```
#49626b
```
#49626b rgb(73,98,107)
```
#54707a
```
#54707a rgb(84,112,122)
```
#5e7d89
```
#5e7d89 rgb(94,125,137)
```

Monochromatic Color

Below, you can see some colors close to #3f545c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#3f5b5c
```
#3f5b5c rgb(63,91,92)
```
#3f595c
```
#3f595c rgb(63,89,92)
```
#3f565c
```
#3f565c rgb(63,86,92)
```
#3f545c
```
#3f545c rgb(63,84,92)
```
#3f525c
```
#3f525c rgb(63,82,92)
```
#3f4f5c
```
#3f4f5c rgb(63,79,92)
```
#3f4d5c
```
#3f4d5c rgb(63,77,92)
```

Similar Colors

Text with hexadecimal color #3f545c

This text has a font color of #3f545c.

<span style="color:#3f545c;">Text here</span>

#3f545c background color

This paragraph has a background color of #3f545c.

<p style="background-color:#3f545c;">Content here</p>

#3f545c border color

This element has a border color of #3f545c.

<div style="border:1px solid #3f545c;">Content here</div>

CSS codes

.text {color:#3f545c;}

.background {background-color:#3f545c;}

.border {border:1px solid #3f545c;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #070a0b is the darkest color, while #fefefe is the lightest one.

#070a0b
```
#070a0b rgb(7,10,11)
```
#0f1416
```
#0f1416 rgb(15,20,22)
```
#171f22
```
#171f22 rgb(23,31,34)
```
#1f292d
```
#1f292d rgb(31,41,45)
```
#273439
```
#273439 rgb(39,52,57)
```
#2f3f45
```
#2f3f45 rgb(47,63,69)
```
#374950
```
#374950 rgb(55,73,80)
```
#3f545c
```
#3f545c rgb(63,84,92)
```
#475f68
```
#475f68 rgb(71,95,104)
```
#4f6973
```
#4f6973 rgb(79,105,115)
```
#57747f
```
#57747f rgb(87,116,127)
```
#5f7f8b
```
#5f7f8b rgb(95,127,139)
```
#678996
```
#678996 rgb(103,137,150)
```

Shade Color Variation

#72929f
```
#72929f rgb(114,146,159)
```
#7e9ba7
```
#7e9ba7 rgb(126,155,167)
```
#89a4ae
```
#89a4ae rgb(137,164,174)
```
#95adb6
```
#95adb6 rgb(149,173,182)
```
#a1b6be
```
#a1b6be rgb(161,182,190)
```
#acbfc6
```
#acbfc6 rgb(172,191,198)
```
#b8c8ce
```
#b8c8ce rgb(184,200,206)
```
#c4d1d6
```
#c4d1d6 rgb(196,209,214)
```
#cfdade
```
#cfdade rgb(207,218,222)
```
#dbe3e6
```
#dbe3e6 rgb(219,227,230)
```
#e7ecee
```
#e7ecee rgb(231,236,238)
```
#f2f5f6
```
#f2f5f6 rgb(242,245,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4b4f50 is the less saturated color, while #036f98 is the most saturated one.

#4b4f50
```
#4b4f50 rgb(75,79,80)
```
#455156
```
#455156 rgb(69,81,86)
```
#3f545c
```
#3f545c rgb(63,84,92)
```
#395762
```
#395762 rgb(57,87,98)
```
#335968
```
#335968 rgb(51,89,104)
```
#2d5c6e
```
#2d5c6e rgb(45,92,110)
```
#275f74
```
#275f74 rgb(39,95,116)
```
#21617a
```
#21617a rgb(33,97,122)
```
#1b6480
```
#1b6480 rgb(27,100,128)
```
#156786
```
#156786 rgb(21,103,134)
```
#0f698c
```
#0f698c rgb(15,105,140)
```
#096c92
```
#096c92 rgb(9,108,146)
```
#036f98
```
#036f98 rgb(3,111,152)
```

Tone Color Variation

Below, you can see how #3f545c is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#4f4f4f Achromatopsia 0.005% of the population
#4c5052 Atypical Achromatopsia 0.001% of the population

Dichromacy

#585962 Protanopia 1% of men
#5b5766 Deuteranopia 1% of men
#485d63 Tritanopia 0.001% of the population

Trichromacy

#4f5760 Protanomaly 1% of men, 0.01% of women
#515662 Deuteranomaly 6% of men, 0.4% of women
#455960 Tritanomaly 0.01% of the population

#3f545c hex color

#3f545c Color Information

#3f545c Color Conversion

Color Schemes with #3f545c

Alternatives to #3f545c

#3f545c Preview

Shades and Tints of #3f545c

Tones of #3f545c

Color Blindness Simulator