#5fb9f2 Color Information
In a RGB color space, hex #5fb9f2 is composed of 37.3% red, 72.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 60.7% cyan, 23.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 203.3 degrees, a saturation of 85% and a lightness of 66.1%. #5fb9f2 color hex could be obtained by blending #beffff with #0073e5. Closest websafe color is: #66ccff.
-
- R 37
- G 73
- B 95
-
- C 61
- M 24
- Y 0
- K 5
● #5fb9f2 color description : Soft blue.
#5fb9f2 Color Conversion
The hexadecimal color #5fb9f2 has RGB values of R:95, G:185, B:242 and CMYK values of C:0.61, M:0.24, Y:0, K:0.05. Its decimal value is 6273522.
Hex triplet | 5fb9f2 | #5fb9f2 |
---|---|---|
RGB Decimal | 95, 185, 242 | rgb(95,185,242) |
RGB Percent | 37.3, 72.5, 94.9 | rgb(37.3%,72.5%,94.9%) |
CMYK | 61, 24, 0, 5 | |
HSL | 203.3°, 85, 66.1 | hsl(203.3,85%,66.1%) |
HSV (or HSB) | 203.3°, 60.7, 94.9 | |
Web Safe | 66ccff | #66ccff |
CIE-LAB | 71.919, -10.325, -36.387 |
---|---|
XYZ | 38.091, 43.539, 90.396 |
xyY | 0.221, 0.253, 43.539 |
CIE-LCH | 71.919, 37.824, 254.159 |
CIE-LUV | 71.919, -36.945, -57.183 |
Hunter-Lab | 65.984, -12.427, -35.037 |
Binary | 01011111, 10111001, 11110010 |
Color Schemes with #5fb9f2
Alternatives to #5fb9f2
Below, you can see some colors close to #5fb9f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5fb9f2 Preview
This text has a font color of #5fb9f2.
<span style="color:#5fb9f2;">Text here</span>
This paragraph has a background color of #5fb9f2.
<p style="background-color:#5fb9f2;">Content here</p>
This element has a border color of #5fb9f2.
<div style="border:1px solid #5fb9f2;">Content here</div>
.text {color:#5fb9f2;}
.background {background-color:#5fb9f2;}
.border {border:1px solid #5fb9f2;}
Shades and Tints of #5fb9f2
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, #000203 is the darkest color, while #f0f8fe is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#020e15
#020e15
rgb(2,14,21)
-
#031928
#031928
rgb(3,25,40)
-
#05253a
#05253a
rgb(5,37,58)
-
#06314c
#06314c
rgb(6,49,76)
-
#083c5e
#083c5e
rgb(8,60,94)
-
#094870
#094870
rgb(9,72,112)
-
#0b5482
#0b5482
rgb(11,84,130)
-
#0c6094
#0c6094
rgb(12,96,148)
-
#0e6ba7
#0e6ba7
rgb(14,107,167)
-
#0f77b9
#0f77b9
rgb(15,119,185)
-
#1083cb
#1083cb
rgb(16,131,203)
-
#128edd
#128edd
rgb(18,142,221)
-
#1699ec
#1699ec
rgb(22,153,236)
-
#29a1ee
#29a1ee
rgb(41,161,238)
-
#3ba9ef
#3ba9ef
rgb(59,169,239)
-
#4db1f1
#4db1f1
rgb(77,177,241)
-
#5fb9f2
#5fb9f2
rgb(95,185,242)
-
#71c1f3
#71c1f3
rgb(113,193,243)
-
#83c9f5
#83c9f5
rgb(131,201,245)
-
#95d1f6
#95d1f6
rgb(149,209,246)
-
#a8d9f8
#a8d9f8
rgb(168,217,248)
-
#bae1f9
#bae1f9
rgb(186,225,249)
-
#cce9fb
#cce9fb
rgb(204,233,251)
-
#def1fc
#def1fc
rgb(222,241,252)
-
#f0f8fe
#f0f8fe
rgb(240,248,254)
Tones of #5fb9f2
A tone is produced by adding gray to any pure hue. In this case, #a8a9a9 is the less saturated color, while #58baf9 is the most saturated one.
-
#a8a9a9
#a8a9a9
rgb(168,169,169)
-
#a2aaaf
#a2aaaf
rgb(162,170,175)
-
#9bacb6
#9bacb6
rgb(155,172,182)
-
#94adbd
#94adbd
rgb(148,173,189)
-
#8eafc3
#8eafc3
rgb(142,175,195)
-
#87b0ca
#87b0ca
rgb(135,176,202)
-
#80b2d1
#80b2d1
rgb(128,178,209)
-
#7ab3d7
#7ab3d7
rgb(122,179,215)
-
#73b5de
#73b5de
rgb(115,181,222)
-
#6cb6e5
#6cb6e5
rgb(108,182,229)
-
#66b8eb
#66b8eb
rgb(102,184,235)
-
#5fb9f2
#5fb9f2
rgb(95,185,242)
-
#58baf9
#58baf9
rgb(88,186,249)
Color Blindness Simulator
Below, you can see how #5fb9f2 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.