#3f5f91 hex color

In a RGB color space, hex #3f5f91 is composed of 24.7% red, 37.3% green and 56.9% blue. Whereas in a CMYK color space, it is composed of 56.6% cyan, 34.5% magenta, 0% yellow and 43.1% black. It has a hue angle of 216.6 degrees, a saturation of 39.4% and a lightness of 40.8%. #3f5f91 color hex could be obtained by blending #7ebeff with #000023. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 25
- G 37
- B 57
RGB color chart
- C 57
- M 34
- Y 0
- K 43
CMYK color chart

● #3f5f91 color description : Dark moderate blue.

The hexadecimal color #3f5f91 has RGB values of R:63, G:95, B:145 and CMYK values of C:0.57, M:0.34, Y:0, K:0.43. Its decimal value is 4153233.

Hex triplet	3f5f91	`#3f5f91`
RGB Decimal	63, 95, 145	`rgb(63,95,145)`
RGB Percent	24.7, 37.3, 56.9	`rgb(24.7%,37.3%,56.9%)`
CMYK	57, 34, 0, 43
HSL	216.6°, 39.4, 40.8	`hsl(216.6,39.4%,40.8%)`
HSV (or HSB)	216.6°, 56.6, 56.9
Web Safe	336699	`#336699`

CIE-LAB	40.056, 3.886, -31.095
XYZ	11.252, 11.285, 28.372
xyY	0.221, 0.222, 11.285
CIE-LCH	40.056, 31.337, 277.123
CIE-LUV	40.056, -14.794, -44.783
Hunter-Lab	33.593, 1, -26.56
Binary	00111111, 01011111, 10010001

#3f5f91
```
#3f5f91 rgb(63,95,145)
```
#91713f
```
#91713f rgb(145,113,63)
```

Complementary Color

#3f8891
```
#3f8891 rgb(63,136,145)
```
#3f5f91
```
#3f5f91 rgb(63,95,145)
```
#483f91
```
#483f91 rgb(72,63,145)
```

Analogous Color

#88913f
```
#88913f rgb(136,145,63)
```
#3f5f91
```
#3f5f91 rgb(63,95,145)
```
#91483f
```
#91483f rgb(145,72,63)
```

Split Complementary Color

#5f913f
```
#5f913f rgb(95,145,63)
```
#3f5f91
```
#3f5f91 rgb(63,95,145)
```
#913f5f
```
#913f5f rgb(145,63,95)
```

Triadic Color

#3f9171
```
#3f9171 rgb(63,145,113)
```
#3f5f91
```
#3f5f91 rgb(63,95,145)
```
#913f5f
```
#913f5f rgb(145,63,95)
```
#91713f
```
#91713f rgb(145,113,63)
```

Tetradic Color

#283c5c
```
#283c5c rgb(40,60,92)
```
#30486d
```
#30486d rgb(48,72,109)
```
#37537f
```
#37537f rgb(55,83,127)
```
#3f5f91
```
#3f5f91 rgb(63,95,145)
```
#476ba3
```
#476ba3 rgb(71,107,163)
```
#5077b3
```
#5077b3 rgb(80,119,179)
```
#6284bb
```
#6284bb rgb(98,132,187)
```

Monochromatic Color

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

#3f7491
```
#3f7491 rgb(63,116,145)
```
#3f6d91
```
#3f6d91 rgb(63,109,145)
```
#3f6691
```
#3f6691 rgb(63,102,145)
```
#3f5f91
```
#3f5f91 rgb(63,95,145)
```
#3f5891
```
#3f5891 rgb(63,88,145)
```
#3f5191
```
#3f5191 rgb(63,81,145)
```
#3f4b91
```
#3f4b91 rgb(63,75,145)
```

Similar Colors

Text with hexadecimal color #3f5f91

This text has a font color of #3f5f91.

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

#3f5f91 background color

This paragraph has a background color of #3f5f91.

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

#3f5f91 border color

This element has a border color of #3f5f91.

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

CSS codes

.text {color:#3f5f91;}

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

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

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

#040508
```
#040508 rgb(4,5,8)
```
#0a0e16
```
#0a0e16 rgb(10,14,22)
```
#0f1724
```
#0f1724 rgb(15,23,36)
```
#152031
```
#152031 rgb(21,32,49)
```
#1b293f
```
#1b293f rgb(27,41,63)
```
#21324d
```
#21324d rgb(33,50,77)
```
#273b5a
```
#273b5a rgb(39,59,90)
```
#2d4468
```
#2d4468 rgb(45,68,104)
```
#334d76
```
#334d76 rgb(51,77,118)
```
#395683
```
#395683 rgb(57,86,131)
```
#3f5f91
```
#3f5f91 rgb(63,95,145)
```
#45689f
```
#45689f rgb(69,104,159)
```
#4b71ac
```
#4b71ac rgb(75,113,172)
```

Shade Color Variation

#557bb5
```
#557bb5 rgb(85,123,181)
```
#6386bb
```
#6386bb rgb(99,134,187)
```
#7190c1
```
#7190c1 rgb(113,144,193)
```
#7f9bc7
```
#7f9bc7 rgb(127,155,199)
```
#8ca6cd
```
#8ca6cd rgb(140,166,205)
```
#9ab0d3
```
#9ab0d3 rgb(154,176,211)
```
#a8bbd9
```
#a8bbd9 rgb(168,187,217)
```
#b5c5df
```
#b5c5df rgb(181,197,223)
```
#c3d0e5
```
#c3d0e5 rgb(195,208,229)
```
#d1dbeb
```
#d1dbeb rgb(209,219,235)
```
#dee5f1
```
#dee5f1 rgb(222,229,241)
```
#ecf0f7
```
#ecf0f7 rgb(236,240,247)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#676869
```
#676869 rgb(103,104,105)
```
#5f6671
```
#5f6671 rgb(95,102,113)
```
#576479
```
#576479 rgb(87,100,121)
```
#4f6381
```
#4f6381 rgb(79,99,129)
```
#476189
```
#476189 rgb(71,97,137)
```
#3f5f91
```
#3f5f91 rgb(63,95,145)
```
#375d99
```
#375d99 rgb(55,93,153)
```
#2f5ba1
```
#2f5ba1 rgb(47,91,161)
```
#275aa9
```
#275aa9 rgb(39,90,169)
```
#1f58b1
```
#1f58b1 rgb(31,88,177)
```
#1756b9
```
#1756b9 rgb(23,86,185)
```
#0f54c1
```
#0f54c1 rgb(15,84,193)
```
#0753c9
```
#0753c9 rgb(7,83,201)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#555c66 Atypical Achromatopsia 0.001% of the population

Dichromacy

#546595 Protanopia 1% of men
#4c6697 Deuteranopia 1% of men
#396e76 Tritanopia 0.001% of the population

Trichromacy

#4c6293 Protanomaly 1% of men, 0.01% of women
#476394 Deuteranomaly 6% of men, 0.4% of women
#3b687f Tritanomaly 0.01% of the population

#3f5f91 hex color

#3f5f91 Color Information

#3f5f91 Color Conversion

Color Schemes with #3f5f91

Alternatives to #3f5f91

#3f5f91 Preview

Shades and Tints of #3f5f91

Tones of #3f5f91

Color Blindness Simulator