#5f86fb Color Information
In a RGB color space, hex #5f86fb is composed of 37.3% red, 52.5% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 46.6% magenta, 0% yellow and 1.6% black. It has a hue angle of 225 degrees, a saturation of 95.1% and a lightness of 67.8%. #5f86fb color hex could be obtained by blending #beffff with #000df7. Closest websafe color is: #6699ff.
-
- R 37
- G 53
- B 98
-
- C 62
- M 47
- Y 0
- K 2
● #5f86fb color description : Soft blue.
#5f86fb Color Conversion
The hexadecimal color #5f86fb has RGB values of R:95, G:134, B:251 and CMYK values of C:0.62, M:0.47, Y:0, K:0.02. Its decimal value is 6260475.
Hex triplet | 5f86fb | #5f86fb |
---|---|---|
RGB Decimal | 95, 134, 251 | rgb(95,134,251) |
RGB Percent | 37.3, 52.5, 98.4 | rgb(37.3%,52.5%,98.4%) |
CMYK | 62, 47, 0, 2 | |
HSL | 225°, 95.1, 67.8 | hsl(225,95.1%,67.8%) |
HSV (or HSB) | 225°, 62.2, 98.4 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 58.458, 21.945, -62.567 |
---|---|
XYZ | 30.653, 26.446, 94.751 |
xyY | 0.202, 0.174, 26.446 |
CIE-LCH | 58.458, 66.304, 289.328 |
CIE-LUV | 58.458, -19.405, -101.724 |
Hunter-Lab | 51.426, 16.402, -73.242 |
Binary | 01011111, 10000110, 11111011 |
Color Schemes with #5f86fb
Alternatives to #5f86fb
Below, you can see some colors close to #5f86fb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5f86fb Preview
This text has a font color of #5f86fb.
<span style="color:#5f86fb;">Text here</span>
This paragraph has a background color of #5f86fb.
<p style="background-color:#5f86fb;">Content here</p>
This element has a border color of #5f86fb.
<div style="border:1px solid #5f86fb;">Content here</div>
.text {color:#5f86fb;}
.background {background-color:#5f86fb;}
.border {border:1px solid #5f86fb;}
Shades and Tints of #5f86fb
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, #00030c is the darkest color, while #f8faff is the lightest one.
-
#00030c
#00030c
rgb(0,3,12)
-
#01081f
#01081f
rgb(1,8,31)
-
#010e33
#010e33
rgb(1,14,51)
-
#021346
#021346
rgb(2,19,70)
-
#021859
#021859
rgb(2,24,89)
-
#031d6c
#031d6c
rgb(3,29,108)
-
#03227f
#03227f
rgb(3,34,127)
-
#042792
#042792
rgb(4,39,146)
-
#042ca5
#042ca5
rgb(4,44,165)
-
#0532b8
#0532b8
rgb(5,50,184)
-
#0537cc
#0537cc
rgb(5,55,204)
-
#063cdf
#063cdf
rgb(6,60,223)
-
#0641f2
#0641f2
rgb(6,65,242)
-
#124cf9
#124cf9
rgb(18,76,249)
-
#265bfa
#265bfa
rgb(38,91,250)
-
#3969fa
#3969fa
rgb(57,105,250)
-
#4c78fb
#4c78fb
rgb(76,120,251)
-
#5f86fb
#5f86fb
rgb(95,134,251)
-
#7294fb
#7294fb
rgb(114,148,251)
-
#85a3fc
#85a3fc
rgb(133,163,252)
-
#98b1fc
#98b1fc
rgb(152,177,252)
-
#acc0fd
#acc0fd
rgb(172,192,253)
-
#bfcefd
#bfcefd
rgb(191,206,253)
-
#d2ddfe
#d2ddfe
rgb(210,221,254)
-
#e5ebfe
#e5ebfe
rgb(229,235,254)
-
#f8faff
#f8faff
rgb(248,250,255)
Tones of #5f86fb
A tone is produced by adding gray to any pure hue. In this case, #abacaf is the less saturated color, while #5f86fb is the most saturated one.
-
#abacaf
#abacaf
rgb(171,172,175)
-
#a4a9b6
#a4a9b6
rgb(164,169,182)
-
#9ea6bc
#9ea6bc
rgb(158,166,188)
-
#98a2c2
#98a2c2
rgb(152,162,194)
-
#919fc9
#919fc9
rgb(145,159,201)
-
#8b9ccf
#8b9ccf
rgb(139,156,207)
-
#8599d5
#8599d5
rgb(133,153,213)
-
#7f96db
#7f96db
rgb(127,150,219)
-
#7893e2
#7893e2
rgb(120,147,226)
-
#728fe8
#728fe8
rgb(114,143,232)
-
#6c8cee
#6c8cee
rgb(108,140,238)
-
#6589f5
#6589f5
rgb(101,137,245)
-
#5f86fb
#5f86fb
rgb(95,134,251)
Color Blindness Simulator
Below, you can see how #5f86fb 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.