#5f86d2 Color Information
In a RGB color space, hex #5f86d2 is composed of 37.3% red, 52.5% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 36.2% magenta, 0% yellow and 17.6% black. It has a hue angle of 219.7 degrees, a saturation of 56.1% and a lightness of 59.8%. #5f86d2 color hex could be obtained by blending #beffff with #000da5. Closest websafe color is: #6699cc.
-
- R 37
- G 53
- B 82
-
- C 55
- M 36
- Y 0
- K 18
● #5f86d2 color description : Moderate blue.
#5f86d2 Color Conversion
The hexadecimal color #5f86d2 has RGB values of R:95, G:134, B:210 and CMYK values of C:0.55, M:0.36, Y:0, K:0.18. Its decimal value is 6260434.
Hex triplet | 5f86d2 | #5f86d2 |
---|---|---|
RGB Decimal | 95, 134, 210 | rgb(95,134,210) |
RGB Percent | 37.3, 52.5, 82.4 | rgb(37.3%,52.5%,82.4%) |
CMYK | 55, 36, 0, 18 | |
HSL | 219.7°, 56.1, 59.8 | hsl(219.7,56.1%,59.8%) |
HSV (or HSB) | 219.7°, 54.8, 82.4 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 56.223, 8.519, -43.288 |
---|---|
XYZ | 24.875, 24.135, 64.317 |
xyY | 0.219, 0.213, 24.135 |
CIE-LCH | 56.223, 44.119, 281.133 |
CIE-LUV | 56.223, -19.183, -68.508 |
Hunter-Lab | 49.127, 4.407, -43.233 |
Binary | 01011111, 10000110, 11010010 |
Color Schemes with #5f86d2
Alternatives to #5f86d2
Below, you can see some colors close to #5f86d2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5f86d2 Preview
This text has a font color of #5f86d2.
<span style="color:#5f86d2;">Text here</span>
This paragraph has a background color of #5f86d2.
<p style="background-color:#5f86d2;">Content here</p>
This element has a border color of #5f86d2.
<div style="border:1px solid #5f86d2;">Content here</div>
.text {color:#5f86d2;}
.background {background-color:#5f86d2;}
.border {border:1px solid #5f86d2;}
Shades and Tints of #5f86d2
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, #020408 is the darkest color, while #f8fafd is the lightest one.
-
#020408
#020408
rgb(2,4,8)
-
#070c18
#070c18
rgb(7,12,24)
-
#0b1427
#0b1427
rgb(11,20,39)
-
#0f1d36
#0f1d36
rgb(15,29,54)
-
#142546
#142546
rgb(20,37,70)
-
#182d55
#182d55
rgb(24,45,85)
-
#1c3564
#1c3564
rgb(28,53,100)
-
#213d74
#213d74
rgb(33,61,116)
-
#254583
#254583
rgb(37,69,131)
-
#294d92
#294d92
rgb(41,77,146)
-
#2d55a2
#2d55a2
rgb(45,85,162)
-
#325db1
#325db1
rgb(50,93,177)
-
#3665c0
#3665c0
rgb(54,101,192)
-
#406fc9
#406fc9
rgb(64,111,201)
-
#507ace
#507ace
rgb(80,122,206)
-
#5f86d2
#5f86d2
rgb(95,134,210)
-
#6e92d6
#6e92d6
rgb(110,146,214)
-
#7e9ddb
#7e9ddb
rgb(126,157,219)
-
#8da9df
#8da9df
rgb(141,169,223)
-
#9cb4e3
#9cb4e3
rgb(156,180,227)
-
#acc0e8
#acc0e8
rgb(172,192,232)
-
#bbcbec
#bbcbec
rgb(187,203,236)
-
#cad7f0
#cad7f0
rgb(202,215,240)
-
#d9e3f4
#d9e3f4
rgb(217,227,244)
-
#e9eef9
#e9eef9
rgb(233,238,249)
-
#f8fafd
#f8fafd
rgb(248,250,253)
Tones of #5f86d2
A tone is produced by adding gray to any pure hue. In this case, #96989b is the less saturated color, while #3879f9 is the most saturated one.
-
#96989b
#96989b
rgb(150,152,155)
-
#8e95a3
#8e95a3
rgb(142,149,163)
-
#8693ab
#8693ab
rgb(134,147,171)
-
#7f90b2
#7f90b2
rgb(127,144,178)
-
#778eba
#778eba
rgb(119,142,186)
-
#6f8bc2
#6f8bc2
rgb(111,139,194)
-
#6789ca
#6789ca
rgb(103,137,202)
-
#5f86d2
#5f86d2
rgb(95,134,210)
-
#5783da
#5783da
rgb(87,131,218)
-
#4f81e2
#4f81e2
rgb(79,129,226)
-
#477eea
#477eea
rgb(71,126,234)
-
#3f7cf2
#3f7cf2
rgb(63,124,242)
-
#3879f9
#3879f9
rgb(56,121,249)
Color Blindness Simulator
Below, you can see how #5f86d2 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.