#5f86fe Color Information
In a RGB color space, hex #5f86fe is composed of 37.3% red, 52.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 47.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 225.3 degrees, a saturation of 98.8% and a lightness of 68.4%. #5f86fe color hex could be obtained by blending #beffff with #000dfd. Closest websafe color is: #6699ff.
-
- R 37
- G 53
- B 100
-
- C 63
- M 47
- Y 0
- K 0
● #5f86fe color description : Soft blue.
#5f86fe Color Conversion
The hexadecimal color #5f86fe has RGB values of R:95, G:134, B:254 and CMYK values of C:0.63, M:0.47, Y:0, K:0. Its decimal value is 6260478.
Hex triplet | 5f86fe | #5f86fe |
---|---|---|
RGB Decimal | 95, 134, 254 | rgb(95,134,254) |
RGB Percent | 37.3, 52.5, 99.6 | rgb(37.3%,52.5%,99.6%) |
CMYK | 63, 47, 0, 0 | |
HSL | 225.3°, 98.8, 68.4 | hsl(225.3,98.8%,68.4%) |
HSV (or HSB) | 225.3°, 62.6, 99.6 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 58.637, 22.944, -63.931 |
---|---|
XYZ | 31.13, 26.637, 97.261 |
xyY | 0.201, 0.172, 26.637 |
CIE-LCH | 58.637, 67.923, 289.742 |
CIE-LUV | 58.637, -19.428, -104.06 |
Hunter-Lab | 51.611, 17.346, -75.605 |
Binary | 01011111, 10000110, 11111110 |
Color Schemes with #5f86fe
Alternatives to #5f86fe
Below, you can see some colors close to #5f86fe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5f86fe Preview
This text has a font color of #5f86fe.
<span style="color:#5f86fe;">Text here</span>
This paragraph has a background color of #5f86fe.
<p style="background-color:#5f86fe;">Content here</p>
This element has a border color of #5f86fe.
<div style="border:1px solid #5f86fe;">Content here</div>
.text {color:#5f86fe;}
.background {background-color:#5f86fe;}
.border {border:1px solid #5f86fe;}
Shades and Tints of #5f86fe
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, #00040f is the darkest color, while #fbfcff is the lightest one.
-
#00040f
#00040f
rgb(0,4,15)
-
#000923
#000923
rgb(0,9,35)
-
#000e36
#000e36
rgb(0,14,54)
-
#00124a
#00124a
rgb(0,18,74)
-
#01175d
#01175d
rgb(1,23,93)
-
#011c71
#011c71
rgb(1,28,113)
-
#012184
#012184
rgb(1,33,132)
-
#012698
#012698
rgb(1,38,152)
-
#012bab
#012bab
rgb(1,43,171)
-
#0130bf
#0130bf
rgb(1,48,191)
-
#0135d2
#0135d2
rgb(1,53,210)
-
#0139e6
#0139e6
rgb(1,57,230)
-
#023ef9
#023ef9
rgb(2,62,249)
-
#114bfe
#114bfe
rgb(17,75,254)
-
#255afe
#255afe
rgb(37,90,254)
-
#3869fe
#3869fe
rgb(56,105,254)
-
#4c77fe
#4c77fe
rgb(76,119,254)
-
#5f86fe
#5f86fe
rgb(95,134,254)
-
#7295fe
#7295fe
rgb(114,149,254)
-
#86a3fe
#86a3fe
rgb(134,163,254)
-
#99b2fe
#99b2fe
rgb(153,178,254)
-
#adc1fe
#adc1fe
rgb(173,193,254)
-
#c0d0ff
#c0d0ff
rgb(192,208,255)
-
#d4deff
#d4deff
rgb(212,222,255)
-
#e7edff
#e7edff
rgb(231,237,255)
-
#fbfcff
#fbfcff
rgb(251,252,255)
Tones of #5f86fe
A tone is produced by adding gray to any pure hue. In this case, #a9acb4 is the less saturated color, while #5f86fe is the most saturated one.
-
#a9acb4
#a9acb4
rgb(169,172,180)
-
#a3a9ba
#a3a9ba
rgb(163,169,186)
-
#9da6c0
#9da6c0
rgb(157,166,192)
-
#97a2c6
#97a2c6
rgb(151,162,198)
-
#919fcc
#919fcc
rgb(145,159,204)
-
#8a9cd3
#8a9cd3
rgb(138,156,211)
-
#8499d9
#8499d9
rgb(132,153,217)
-
#7e96df
#7e96df
rgb(126,150,223)
-
#7893e5
#7893e5
rgb(120,147,229)
-
#728feb
#728feb
rgb(114,143,235)
-
#6b8cf2
#6b8cf2
rgb(107,140,242)
-
#6589f8
#6589f8
rgb(101,137,248)
-
#5f86fe
#5f86fe
rgb(95,134,254)
Color Blindness Simulator
Below, you can see how #5f86fe 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.