#3f5267 hex color

In a RGB color space, hex #3f5267 is composed of 24.7% red, 32.2% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 38.8% cyan, 20.4% magenta, 0% yellow and 59.6% black. It has a hue angle of 211.5 degrees, a saturation of 24.1% and a lightness of 32.5%. #3f5267 color hex could be obtained by blending #7ea4ce with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 25
- G 32
- B 40
RGB color chart
- C 39
- M 20
- Y 0
- K 60
CMYK color chart

● #3f5267 color description : Very dark desaturated blue.

The hexadecimal color #3f5267 has RGB values of R:63, G:82, B:103 and CMYK values of C:0.39, M:0.2, Y:0, K:0.6. Its decimal value is 4149863.

Hex triplet	3f5267	`#3f5267`
RGB Decimal	63, 82, 103	`rgb(63,82,103)`
RGB Percent	24.7, 32.2, 40.4	`rgb(24.7%,32.2%,40.4%)`
CMYK	39, 20, 0, 60
HSL	211.5°, 24.1, 32.5	`hsl(211.5,24.1%,32.5%)`
HSV (or HSB)	211.5°, 38.8, 40.4
Web Safe	336666	`#336666`

CIE-LAB	34.129, -1.473, -14.499
XYZ	7.515, 8.07, 13.993
xyY	0.254, 0.273, 8.07
CIE-LCH	34.129, 14.574, 264.199
CIE-LUV	34.129, -9.579, -18.838
Hunter-Lab	28.408, -2.496, -9.318
Binary	00111111, 01010010, 01100111

#3f5267
```
#3f5267 rgb(63,82,103)
```
#67543f
```
#67543f rgb(103,84,63)
```

Complementary Color

#3f6667
```
#3f6667 rgb(63,102,103)
```
#3f5267
```
#3f5267 rgb(63,82,103)
```
#403f67
```
#403f67 rgb(64,63,103)
```

Analogous Color

#66673f
```
#66673f rgb(102,103,63)
```
#3f5267
```
#3f5267 rgb(63,82,103)
```
#67403f
```
#67403f rgb(103,64,63)
```

Split Complementary Color

#52673f
```
#52673f rgb(82,103,63)
```
#3f5267
```
#3f5267 rgb(63,82,103)
```
#673f52
```
#673f52 rgb(103,63,82)
```

Triadic Color

#3f6754
```
#3f6754 rgb(63,103,84)
```
#3f5267
```
#3f5267 rgb(63,82,103)
```
#673f52
```
#673f52 rgb(103,63,82)
```
#67543f
```
#67543f rgb(103,84,63)
```

Tetradic Color

#222c38
```
#222c38 rgb(34,44,56)
```
#2c3947
```
#2c3947 rgb(44,57,71)
```
#354557
```
#354557 rgb(53,69,87)
```
#3f5267
```
#3f5267 rgb(63,82,103)
```
#495f77
```
#495f77 rgb(73,95,119)
```
#526b87
```
#526b87 rgb(82,107,135)
```
#5c7896
```
#5c7896 rgb(92,120,150)
```

Monochromatic Color

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

#3f5c67
```
#3f5c67 rgb(63,92,103)
```
#3f5967
```
#3f5967 rgb(63,89,103)
```
#3f5567
```
#3f5567 rgb(63,85,103)
```
#3f5267
```
#3f5267 rgb(63,82,103)
```
#3f4f67
```
#3f4f67 rgb(63,79,103)
```
#3f4b67
```
#3f4b67 rgb(63,75,103)
```
#3f4867
```
#3f4867 rgb(63,72,103)
```

Similar Colors

Text with hexadecimal color #3f5267

This text has a font color of #3f5267.

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

#3f5267 background color

This paragraph has a background color of #3f5267.

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

#3f5267 border color

This element has a border color of #3f5267.

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

CSS codes

.text {color:#3f5267;}

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

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

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

#030406
```
#030406 rgb(3,4,6)
```
#0b0e12
```
#0b0e12 rgb(11,14,18)
```
#12181e
```
#12181e rgb(18,24,30)
```
#1a222a
```
#1a222a rgb(26,34,42)
```
#212b36
```
#212b36 rgb(33,43,54)
```
#293542
```
#293542 rgb(41,53,66)
```
#303f4f
```
#303f4f rgb(48,63,79)
```
#38485b
```
#38485b rgb(56,72,91)
```
#3f5267
```
#3f5267 rgb(63,82,103)
```
#465c73
```
#465c73 rgb(70,92,115)
```
#4e657f
```
#4e657f rgb(78,101,127)
```
#556f8c
```
#556f8c rgb(85,111,140)
```
#5d7998
```
#5d7998 rgb(93,121,152)
```

Shade Color Variation

#6683a2
```
#6683a2 rgb(102,131,162)
```
#738ca9
```
#738ca9 rgb(115,140,169)
```
#7f96b1
```
#7f96b1 rgb(127,150,177)
```
#8ba0b8
```
#8ba0b8 rgb(139,160,184)
```
#97aabf
```
#97aabf rgb(151,170,191)
```
#a3b4c7
```
#a3b4c7 rgb(163,180,199)
```
#afbece
```
#afbece rgb(175,190,206)
```
#bcc8d6
```
#bcc8d6 rgb(188,200,214)
```
#c8d2dd
```
#c8d2dd rgb(200,210,221)
```
#d4dce5
```
#d4dce5 rgb(212,220,229)
```
#e0e6ec
```
#e0e6ec rgb(224,230,236)
```
#ecf0f4
```
#ecf0f4 rgb(236,240,244)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #525354 is the less saturated color, while #064fa0 is the most saturated one.

#525354
```
#525354 rgb(82,83,84)
```
#4c535a
```
#4c535a rgb(76,83,90)
```
#455261
```
#455261 rgb(69,82,97)
```
#3f5267
```
#3f5267 rgb(63,82,103)
```
#39526d
```
#39526d rgb(57,82,109)
```
#325174
```
#325174 rgb(50,81,116)
```
#2c517a
```
#2c517a rgb(44,81,122)
```
#255181
```
#255181 rgb(37,81,129)
```
#1f5087
```
#1f5087 rgb(31,80,135)
```
#19508d
```
#19508d rgb(25,80,141)
```
#125094
```
#125094 rgb(18,80,148)
```
#0c4f9a
```
#0c4f9a rgb(12,79,154)
```
#064fa0
```
#064fa0 rgb(6,79,160)
```

Tone Color Variation

Below, you can see how #3f5267 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
#4c5054 Atypical Achromatopsia 0.001% of the population

Dichromacy

#54586d Protanopia 1% of men
#545770 Deuteranopia 1% of men
#455d63 Tritanopia 0.001% of the population

Trichromacy

#4c566b Protanomaly 1% of men, 0.01% of women
#4c556c Deuteranomaly 6% of men, 0.4% of women
#435964 Tritanomaly 0.01% of the population

#3f5267 hex color

#3f5267 Color Information

#3f5267 Color Conversion

Color Schemes with #3f5267

Alternatives to #3f5267

#3f5267 Preview

Shades and Tints of #3f5267

Tones of #3f5267

Color Blindness Simulator