#3f5872 hex color

In a RGB color space, hex #3f5872 is composed of 24.7% red, 34.5% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 44.7% cyan, 22.8% magenta, 0% yellow and 55.3% black. It has a hue angle of 210.6 degrees, a saturation of 28.8% and a lightness of 34.7%. #3f5872 color hex could be obtained by blending #7eb0e4 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 25
- G 35
- B 45
RGB color chart
- C 45
- M 23
- Y 0
- K 55
CMYK color chart

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

The hexadecimal color #3f5872 has RGB values of R:63, G:88, B:114 and CMYK values of C:0.45, M:0.23, Y:0, K:0.55. Its decimal value is 4151410.

Hex triplet	3f5872	`#3f5872`
RGB Decimal	63, 88, 114	`rgb(63,88,114)`
RGB Percent	24.7, 34.5, 44.7	`rgb(24.7%,34.5%,44.7%)`
CMYK	45, 23, 0, 55
HSL	210.6°, 28.8, 34.7	`hsl(210.6,28.8%,34.7%)`
HSV (or HSB)	210.6°, 44.7, 44.7
Web Safe	336666	`#336666`

CIE-LAB	36.463, -1.87, -17.772
XYZ	8.576, 9.251, 17.252
xyY	0.244, 0.264, 9.251
CIE-LCH	36.463, 17.87, 263.993
CIE-LUV	36.463, -12.104, -23.776
Hunter-Lab	30.415, -2.894, -12.341
Binary	00111111, 01011000, 01110010

#3f5872
```
#3f5872 rgb(63,88,114)
```
#72593f
```
#72593f rgb(114,89,63)
```

Complementary Color

#3f7272
```
#3f7272 rgb(63,114,114)
```
#3f5872
```
#3f5872 rgb(63,88,114)
```
#403f72
```
#403f72 rgb(64,63,114)
```

Analogous Color

#72723f
```
#72723f rgb(114,114,63)
```
#3f5872
```
#3f5872 rgb(63,88,114)
```
#72403f
```
#72403f rgb(114,64,63)
```

Split Complementary Color

#58723f
```
#58723f rgb(88,114,63)
```
#3f5872
```
#3f5872 rgb(63,88,114)
```
#723f58
```
#723f58 rgb(114,63,88)
```

Triadic Color

#3f7259
```
#3f7259 rgb(63,114,89)
```
#3f5872
```
#3f5872 rgb(63,88,114)
```
#723f58
```
#723f58 rgb(114,63,88)
```
#72593f
```
#72593f rgb(114,89,63)
```

Tetradic Color

#243241
```
#243241 rgb(36,50,65)
```
#2d3f51
```
#2d3f51 rgb(45,63,81)
```
#364b62
```
#364b62 rgb(54,75,98)
```
#3f5872
```
#3f5872 rgb(63,88,114)
```
#486582
```
#486582 rgb(72,101,130)
```
#517193
```
#517193 rgb(81,113,147)
```
#5a7ea3
```
#5a7ea3 rgb(90,126,163)
```

Monochromatic Color

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

#3f6572
```
#3f6572 rgb(63,101,114)
```
#3f6172
```
#3f6172 rgb(63,97,114)
```
#3f5c72
```
#3f5c72 rgb(63,92,114)
```
#3f5872
```
#3f5872 rgb(63,88,114)
```
#3f5472
```
#3f5472 rgb(63,84,114)
```
#3f5072
```
#3f5072 rgb(63,80,114)
```
#3f4b72
```
#3f4b72 rgb(63,75,114)
```

Similar Colors

Text with hexadecimal color #3f5872

This text has a font color of #3f5872.

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

#3f5872 background color

This paragraph has a background color of #3f5872.

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

#3f5872 border color

This element has a border color of #3f5872.

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

CSS codes

.text {color:#3f5872;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#070a0d
```
#070a0d rgb(7,10,13)
```
#0e141a
```
#0e141a rgb(14,20,26)
```
#151d26
```
#151d26 rgb(21,29,38)
```
#1c2733
```
#1c2733 rgb(28,39,51)
```
#23313f
```
#23313f rgb(35,49,63)
```
#2a3b4c
```
#2a3b4c rgb(42,59,76)
```
#314459
```
#314459 rgb(49,68,89)
```
#384e65
```
#384e65 rgb(56,78,101)
```
#3f5872
```
#3f5872 rgb(63,88,114)
```
#46627f
```
#46627f rgb(70,98,127)
```
#4d6c8b
```
#4d6c8b rgb(77,108,139)
```
#547598
```
#547598 rgb(84,117,152)
```

Shade Color Variation

#5b7fa4
```
#5b7fa4 rgb(91,127,164)
```
#6889ab
```
#6889ab rgb(104,137,171)
```
#7493b2
```
#7493b2 rgb(116,147,178)
```
#819db9
```
#819db9 rgb(129,157,185)
```
#8ea6c0
```
#8ea6c0 rgb(142,166,192)
```
#9ab0c7
```
#9ab0c7 rgb(154,176,199)
```
#a7bace
```
#a7bace rgb(167,186,206)
```
#b3c4d5
```
#b3c4d5 rgb(179,196,213)
```
#c0cedc
```
#c0cedc rgb(192,206,220)
```
#cdd8e3
```
#cdd8e3 rgb(205,216,227)
```
#d9e2ea
```
#d9e2ea rgb(217,226,234)
```
#e6ecf1
```
#e6ecf1 rgb(230,236,241)
```
#f3f5f8
```
#f3f5f8 rgb(243,245,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #53585e is the less saturated color, while #0257af is the most saturated one.

#53585e
```
#53585e rgb(83,88,94)
```
#4d5864
```
#4d5864 rgb(77,88,100)
```
#46586b
```
#46586b rgb(70,88,107)
```
#3f5872
```
#3f5872 rgb(63,88,114)
```
#385879
```
#385879 rgb(56,88,121)
```
#315880
```
#315880 rgb(49,88,128)
```
#2b5886
```
#2b5886 rgb(43,88,134)
```
#24578d
```
#24578d rgb(36,87,141)
```
#1d5794
```
#1d5794 rgb(29,87,148)
```
#16579b
```
#16579b rgb(22,87,155)
```
#0f57a2
```
#0f57a2 rgb(15,87,162)
```
#0957a8
```
#0957a8 rgb(9,87,168)
```
#0257af
```
#0257af rgb(2,87,175)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4f5459 Atypical Achromatopsia 0.001% of the population

Dichromacy

#575d77 Protanopia 1% of men
#565d7a Deuteranopia 1% of men
#43636a Tritanopia 0.001% of the population

Trichromacy

#4e5b75 Protanomaly 1% of men, 0.01% of women
#4e5b77 Deuteranomaly 6% of men, 0.4% of women
#425f6d Tritanomaly 0.01% of the population

#3f5872 hex color

#3f5872 Color Information

#3f5872 Color Conversion

Color Schemes with #3f5872

Alternatives to #3f5872

#3f5872 Preview

Shades and Tints of #3f5872

Tones of #3f5872

Color Blindness Simulator