#3f4c52 hex color

In a RGB color space, hex #3f4c52 is composed of 24.7% red, 29.8% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 23.2% cyan, 7.3% magenta, 0% yellow and 67.8% black. It has a hue angle of 198.9 degrees, a saturation of 13.1% and a lightness of 28.4%. #3f4c52 color hex could be obtained by blending #7e98a4 with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 25
- G 30
- B 32
RGB color chart
- C 23
- M 7
- Y 0
- K 68
CMYK color chart

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

The hexadecimal color #3f4c52 has RGB values of R:63, G:76, B:82 and CMYK values of C:0.23, M:0.07, Y:0, K:0.68. Its decimal value is 4148306.

Hex triplet	3f4c52	`#3f4c52`
RGB Decimal	63, 76, 82	`rgb(63,76,82)`
RGB Percent	24.7, 29.8, 32.2	`rgb(24.7%,29.8%,32.2%)`
CMYK	23, 7, 0, 68
HSL	198.9°, 13.1, 28.4	`hsl(198.9,13.1%,28.4%)`
HSV (or HSB)	198.9°, 23.2, 32.2
Web Safe	333366	`#333366`

CIE-LAB	31.428, -3.622, -5.275
XYZ	6.157, 6.835, 8.977
xyY	0.28, 0.311, 6.835
CIE-LCH	31.428, 6.399, 235.529
CIE-LUV	31.428, -6.63, -6.02
Hunter-Lab	26.143, -3.712, -2.059
Binary	00111111, 01001100, 01010010

#3f4c52
```
#3f4c52 rgb(63,76,82)
```
#52453f
```
#52453f rgb(82,69,63)
```

Complementary Color

#3f524f
```
#3f524f rgb(63,82,79)
```
#3f4c52
```
#3f4c52 rgb(63,76,82)
```
#3f4352
```
#3f4352 rgb(63,67,82)
```

Analogous Color

#524f3f
```
#524f3f rgb(82,79,63)
```
#3f4c52
```
#3f4c52 rgb(63,76,82)
```
#523f43
```
#523f43 rgb(82,63,67)
```

Split Complementary Color

#4c523f
```
#4c523f rgb(76,82,63)
```
#3f4c52
```
#3f4c52 rgb(63,76,82)
```
#523f4c
```
#523f4c rgb(82,63,76)
```

Triadic Color

#3f5245
```
#3f5245 rgb(63,82,69)
```
#3f4c52
```
#3f4c52 rgb(63,76,82)
```
#523f4c
```
#523f4c rgb(82,63,76)
```
#52453f
```
#52453f rgb(82,69,63)
```

Tetradic Color

#1e2427
```
#1e2427 rgb(30,36,39)
```
#293135
```
#293135 rgb(41,49,53)
```
#343f44
```
#343f44 rgb(52,63,68)
```
#3f4c52
```
#3f4c52 rgb(63,76,82)
```
#4a5960
```
#4a5960 rgb(74,89,96)
```
#55676f
```
#55676f rgb(85,103,111)
```
#60747d
```
#60747d rgb(96,116,125)
```

Monochromatic Color

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

#3f5152
```
#3f5152 rgb(63,81,82)
```
#3f4f52
```
#3f4f52 rgb(63,79,82)
```
#3f4e52
```
#3f4e52 rgb(63,78,82)
```
#3f4c52
```
#3f4c52 rgb(63,76,82)
```
#3f4a52
```
#3f4a52 rgb(63,74,82)
```
#3f4952
```
#3f4952 rgb(63,73,82)
```
#3f4752
```
#3f4752 rgb(63,71,82)
```

Similar Colors

Text with hexadecimal color #3f4c52

This text has a font color of #3f4c52.

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

#3f4c52 background color

This paragraph has a background color of #3f4c52.

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

#3f4c52 border color

This element has a border color of #3f4c52.

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

CSS codes

.text {color:#3f4c52;}

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

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

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, #030404 is the darkest color, while #f8f9fa is the lightest one.

#030404
```
#030404 rgb(3,4,4)
```
#0c0e0f
```
#0c0e0f rgb(12,14,15)
```
#14191b
```
#14191b rgb(20,25,27)
```
#1d2326
```
#1d2326 rgb(29,35,38)
```
#252d31
```
#252d31 rgb(37,45,49)
```
#2e373c
```
#2e373c rgb(46,55,60)
```
#364247
```
#364247 rgb(54,66,71)
```
#3f4c52
```
#3f4c52 rgb(63,76,82)
```
#48565d
```
#48565d rgb(72,86,93)
```
#506168
```
#506168 rgb(80,97,104)
```
#596b73
```
#596b73 rgb(89,107,115)
```
#61757e
```
#61757e rgb(97,117,126)
```
#6a7f89
```
#6a7f89 rgb(106,127,137)
```

Shade Color Variation

#738994
```
#738994 rgb(115,137,148)
```
#7e939c
```
#7e939c rgb(126,147,156)
```
#899ca5
```
#899ca5 rgb(137,156,165)
```
#94a5ad
```
#94a5ad rgb(148,165,173)
```
#a0afb6
```
#a0afb6 rgb(160,175,182)
```
#abb8be
```
#abb8be rgb(171,184,190)
```
#b6c1c7
```
#b6c1c7 rgb(182,193,199)
```
#c1cbcf
```
#c1cbcf rgb(193,203,207)
```
#ccd4d8
```
#ccd4d8 rgb(204,212,216)
```
#d7dde0
```
#d7dde0 rgb(215,221,224)
```
#e2e7e9
```
#e2e7e9 rgb(226,231,233)
```
#edf0f1
```
#edf0f1 rgb(237,240,241)
```
#f8f9fa
```
#f8f9fa rgb(248,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #454a4c is the less saturated color, while #02638f is the most saturated one.

#454a4c
```
#454a4c rgb(69,74,76)
```
#3f4c52
```
#3f4c52 rgb(63,76,82)
```
#394e58
```
#394e58 rgb(57,78,88)
```
#34505d
```
#34505d rgb(52,80,93)
```
#2e5263
```
#2e5263 rgb(46,82,99)
```
#295468
```
#295468 rgb(41,84,104)
```
#23566e
```
#23566e rgb(35,86,110)
```
#1e5873
```
#1e5873 rgb(30,88,115)
```
#185a79
```
#185a79 rgb(24,90,121)
```
#125c7f
```
#125c7f rgb(18,92,127)
```
#0d5e84
```
#0d5e84 rgb(13,94,132)
```
#07618a
```
#07618a rgb(7,97,138)
```
#02638f
```
#02638f rgb(2,99,143)
```

Tone Color Variation

Below, you can see how #3f4c52 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

#494949 Achromatopsia 0.005% of the population
#474a4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#525259 Protanopia 1% of men
#56515c Deuteranopia 1% of men
#49555b Tritanopia 0.001% of the population

Trichromacy

#4b5056 Protanomaly 1% of men, 0.01% of women
#4e4f58 Deuteranomaly 6% of men, 0.4% of women
#455157 Tritanomaly 0.01% of the population

#3f4c52 hex color

#3f4c52 Color Information

#3f4c52 Color Conversion

Color Schemes with #3f4c52

Alternatives to #3f4c52

#3f4c52 Preview

Shades and Tints of #3f4c52

Tones of #3f4c52

Color Blindness Simulator