#5f86a2 Color Information
In a RGB color space, hex #5f86a2 is composed of 37.3% red, 52.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 41.4% cyan, 17.3% magenta, 0% yellow and 36.5% black. It has a hue angle of 205.1 degrees, a saturation of 26.5% and a lightness of 50.4%. #5f86a2 color hex could be obtained by blending #beffff with #000d45. Closest websafe color is: #669999.
-
- R 37
- G 53
- B 64
-
- C 41
- M 17
- Y 0
- K 36
● #5f86a2 color description : Mostly desaturated dark blue.
#5f86a2 Color Conversion
The hexadecimal color #5f86a2 has RGB values of R:95, G:134, B:162 and CMYK values of C:0.41, M:0.17, Y:0, K:0.36. Its decimal value is 6260386.
Hex triplet | 5f86a2 | #5f86a2 |
---|---|---|
RGB Decimal | 95, 134, 162 | rgb(95,134,162) |
RGB Percent | 37.3, 52.5, 63.5 | rgb(37.3%,52.5%,63.5%) |
CMYK | 41, 17, 0, 36 | |
HSL | 205.1°, 26.5, 50.4 | hsl(205.1,26.5%,50.4%) |
HSV (or HSB) | 205.1°, 41.4, 63.5 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 54.123, -6.032, -19.168 |
---|---|
XYZ | 19.764, 22.091, 37.403 |
xyY | 0.249, 0.279, 22.091 |
CIE-LCH | 54.123, 20.095, 252.531 |
CIE-LUV | 54.123, -19.147, -27.607 |
Hunter-Lab | 47.001, -7.19, -14.282 |
Binary | 01011111, 10000110, 10100010 |
Color Schemes with #5f86a2
Alternatives to #5f86a2
Below, you can see some colors close to #5f86a2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5f86a2 Preview
This text has a font color of #5f86a2.
<span style="color:#5f86a2;">Text here</span>
This paragraph has a background color of #5f86a2.
<p style="background-color:#5f86a2;">Content here</p>
This element has a border color of #5f86a2.
<div style="border:1px solid #5f86a2;">Content here</div>
.text {color:#5f86a2;}
.background {background-color:#5f86a2;}
.border {border:1px solid #5f86a2;}
Shades and Tints of #5f86a2
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, #010101 is the darkest color, while #f4f7f9 is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#080b0e
#080b0e
rgb(8,11,14)
-
#0f161a
#0f161a
rgb(15,22,26)
-
#162026
#162026
rgb(22,32,38)
-
#1e2a33
#1e2a33
rgb(30,42,51)
-
#25343f
#25343f
rgb(37,52,63)
-
#2c3e4c
#2c3e4c
rgb(44,62,76)
-
#334958
#334958
rgb(51,73,88)
-
#3a5365
#3a5365
rgb(58,83,101)
-
#425d71
#425d71
rgb(66,93,113)
-
#49677d
#49677d
rgb(73,103,125)
-
#50728a
#50728a
rgb(80,114,138)
-
#577c96
#577c96
rgb(87,124,150)
-
#5f86a2
#5f86a2
rgb(95,134,162)
-
#6b8fa9
#6b8fa9
rgb(107,143,169)
-
#7899b0
#7899b0
rgb(120,153,176)
-
#84a2b8
#84a2b8
rgb(132,162,184)
-
#91acbf
#91acbf
rgb(145,172,191)
-
#9db5c6
#9db5c6
rgb(157,181,198)
-
#a9becd
#a9becd
rgb(169,190,205)
-
#b6c8d4
#b6c8d4
rgb(182,200,212)
-
#c2d1dc
#c2d1dc
rgb(194,209,220)
-
#cfdae3
#cfdae3
rgb(207,218,227)
-
#dbe4ea
#dbe4ea
rgb(219,228,234)
-
#e7edf1
#e7edf1
rgb(231,237,241)
-
#f4f7f9
#f4f7f9
rgb(244,247,249)
Tones of #5f86a2
A tone is produced by adding gray to any pure hue. In this case, #7c8185 is the less saturated color, while #0794fa is the most saturated one.
-
#7c8185
#7c8185
rgb(124,129,133)
-
#72838f
#72838f
rgb(114,131,143)
-
#698498
#698498
rgb(105,132,152)
-
#5f86a2
#5f86a2
rgb(95,134,162)
-
#5588ac
#5588ac
rgb(85,136,172)
-
#4c89b5
#4c89b5
rgb(76,137,181)
-
#428bbf
#428bbf
rgb(66,139,191)
-
#388cc9
#388cc9
rgb(56,140,201)
-
#2e8ed3
#2e8ed3
rgb(46,142,211)
-
#2590dc
#2590dc
rgb(37,144,220)
-
#1b91e6
#1b91e6
rgb(27,145,230)
-
#1193f0
#1193f0
rgb(17,147,240)
-
#0794fa
#0794fa
rgb(7,148,250)
Color Blindness Simulator
Below, you can see how #5f86a2 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.