#5f86c1 Color Information
In a RGB color space, hex #5f86c1 is composed of 37.3% red, 52.5% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 50.8% cyan, 30.6% magenta, 0% yellow and 24.3% black. It has a hue angle of 216.1 degrees, a saturation of 44.1% and a lightness of 56.5%. #5f86c1 color hex could be obtained by blending #beffff with #000d83. Closest websafe color is: #6699cc.
-
- R 37
- G 53
- B 76
-
- C 51
- M 31
- Y 0
- K 24
● #5f86c1 color description : Moderate blue.
#5f86c1 Color Conversion
The hexadecimal color #5f86c1 has RGB values of R:95, G:134, B:193 and CMYK values of C:0.51, M:0.31, Y:0, K:0.24. Its decimal value is 6260417.
Hex triplet | 5f86c1 | #5f86c1 |
---|---|---|
RGB Decimal | 95, 134, 193 | rgb(95,134,193) |
RGB Percent | 37.3, 52.5, 75.7 | rgb(37.3%,52.5%,75.7%) |
CMYK | 51, 31, 0, 24 | |
HSL | 216.1°, 44.1, 56.5 | hsl(216.1,44.1%,56.5%) |
HSV (or HSB) | 216.1°, 50.8, 75.7 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 55.413, 3.166, -34.937 |
---|---|
XYZ | 22.868, 23.332, 53.748 |
xyY | 0.229, 0.233, 23.332 |
CIE-LCH | 55.413, 35.08, 275.178 |
CIE-LUV | 55.413, -19.144, -54.147 |
Hunter-Lab | 48.303, -0.025, -32.16 |
Binary | 01011111, 10000110, 11000001 |
Color Schemes with #5f86c1
Alternatives to #5f86c1
Below, you can see some colors close to #5f86c1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5f86c1 Preview
This text has a font color of #5f86c1.
<span style="color:#5f86c1;">Text here</span>
This paragraph has a background color of #5f86c1.
<p style="background-color:#5f86c1;">Content here</p>
This element has a border color of #5f86c1.
<div style="border:1px solid #5f86c1;">Content here</div>
.text {color:#5f86c1;}
.background {background-color:#5f86c1;}
.border {border:1px solid #5f86c1;}
Shades and Tints of #5f86c1
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, #04060a is the darkest color, while #fbfcfd is the lightest one.
-
#04060a
#04060a
rgb(4,6,10)
-
#090f18
#090f18
rgb(9,15,24)
-
#0f1826
#0f1826
rgb(15,24,38)
-
#142134
#142134
rgb(20,33,52)
-
#1a2a42
#1a2a42
rgb(26,42,66)
-
#1f3350
#1f3350
rgb(31,51,80)
-
#253c5e
#253c5e
rgb(37,60,94)
-
#2a456d
#2a456d
rgb(42,69,109)
-
#304d7b
#304d7b
rgb(48,77,123)
-
#355689
#355689
rgb(53,86,137)
-
#3b5f97
#3b5f97
rgb(59,95,151)
-
#4068a5
#4068a5
rgb(64,104,165)
-
#4571b3
#4571b3
rgb(69,113,179)
-
#517bbc
#517bbc
rgb(81,123,188)
-
#5f86c1
#5f86c1
rgb(95,134,193)
-
#6d91c6
#6d91c6
rgb(109,145,198)
-
#7b9bcc
#7b9bcc
rgb(123,155,204)
-
#89a6d1
#89a6d1
rgb(137,166,209)
-
#98b1d7
#98b1d7
rgb(152,177,215)
-
#a6bbdc
#a6bbdc
rgb(166,187,220)
-
#b4c6e2
#b4c6e2
rgb(180,198,226)
-
#c2d1e7
#c2d1e7
rgb(194,209,231)
-
#d0dced
#d0dced
rgb(208,220,237)
-
#dee6f2
#dee6f2
rgb(222,230,242)
-
#ecf1f8
#ecf1f8
rgb(236,241,248)
-
#fbfcfd
#fbfcfd
rgb(251,252,253)
Tones of #5f86c1
A tone is produced by adding gray to any pure hue. In this case, #8a8f96 is the less saturated color, while #237afd is the most saturated one.
-
#8a8f96
#8a8f96
rgb(138,143,150)
-
#818d9f
#818d9f
rgb(129,141,159)
-
#798ba7
#798ba7
rgb(121,139,167)
-
#7089b0
#7089b0
rgb(112,137,176)
-
#6888b8
#6888b8
rgb(104,136,184)
-
#5f86c1
#5f86c1
rgb(95,134,193)
-
#5684ca
#5684ca
rgb(86,132,202)
-
#4e83d2
#4e83d2
rgb(78,131,210)
-
#4581db
#4581db
rgb(69,129,219)
-
#3d7fe3
#3d7fe3
rgb(61,127,227)
-
#347dec
#347dec
rgb(52,125,236)
-
#2c7cf4
#2c7cf4
rgb(44,124,244)
-
#237afd
#237afd
rgb(35,122,253)
Color Blindness Simulator
Below, you can see how #5f86c1 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.