#5fa5f1 Color Information
In a RGB color space, hex #5fa5f1 is composed of 37.3% red, 64.7% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 60.6% cyan, 31.5% magenta, 0% yellow and 5.5% black. It has a hue angle of 211.2 degrees, a saturation of 83.9% and a lightness of 65.9%. #5fa5f1 color hex could be obtained by blending #beffff with #004be3. Closest websafe color is: #6699ff.
-
- R 37
- G 65
- B 95
-
- C 61
- M 32
- Y 0
- K 5
● #5fa5f1 color description : Soft blue.
#5fa5f1 Color Conversion
The hexadecimal color #5fa5f1 has RGB values of R:95, G:165, B:241 and CMYK values of C:0.61, M:0.32, Y:0, K:0.05. Its decimal value is 6268401.
Hex triplet | 5fa5f1 | #5fa5f1 |
---|---|---|
RGB Decimal | 95, 165, 241 | rgb(95,165,241) |
RGB Percent | 37.3, 64.7, 94.5 | rgb(37.3%,64.7%,94.5%) |
CMYK | 61, 32, 0, 5 | |
HSL | 211.2°, 83.9, 65.9 | hsl(211.2,83.9%,65.9%) |
HSV (or HSB) | 211.2°, 60.6, 94.5 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 66.284, 0.431, -44.646 |
---|---|
XYZ | 34.048, 35.692, 88.309 |
xyY | 0.215, 0.226, 35.692 |
CIE-LCH | 66.284, 44.648, 270.554 |
CIE-LUV | 66.284, -29.823, -71.809 |
Hunter-Lab | 59.743, -2.821, -45.82 |
Binary | 01011111, 10100101, 11110001 |
Color Schemes with #5fa5f1
Alternatives to #5fa5f1
Below, you can see some colors close to #5fa5f1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5fa5f1 Preview
This text has a font color of #5fa5f1.
<span style="color:#5fa5f1;">Text here</span>
This paragraph has a background color of #5fa5f1.
<p style="background-color:#5fa5f1;">Content here</p>
This element has a border color of #5fa5f1.
<div style="border:1px solid #5fa5f1;">Content here</div>
.text {color:#5fa5f1;}
.background {background-color:#5fa5f1;}
.border {border:1px solid #5fa5f1;}
Shades and Tints of #5fa5f1
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, #000102 is the darkest color, while #eff6fe is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#020b14
#020b14
rgb(2,11,20)
-
#031426
#031426
rgb(3,20,38)
-
#051e38
#051e38
rgb(5,30,56)
-
#07274a
#07274a
rgb(7,39,74)
-
#08315d
#08315d
rgb(8,49,93)
-
#0a3a6f
#0a3a6f
rgb(10,58,111)
-
#0b4481
#0b4481
rgb(11,68,129)
-
#0d4d93
#0d4d93
rgb(13,77,147)
-
#0e56a5
#0e56a5
rgb(14,86,165)
-
#1060b7
#1060b7
rgb(16,96,183)
-
#1269c9
#1269c9
rgb(18,105,201)
-
#1373db
#1373db
rgb(19,115,219)
-
#177ceb
#177ceb
rgb(23,124,235)
-
#2987ec
#2987ec
rgb(41,135,236)
-
#3b91ee
#3b91ee
rgb(59,145,238)
-
#4d9bef
#4d9bef
rgb(77,155,239)
-
#5fa5f1
#5fa5f1
rgb(95,165,241)
-
#71aff3
#71aff3
rgb(113,175,243)
-
#83b9f4
#83b9f4
rgb(131,185,244)
-
#95c3f6
#95c3f6
rgb(149,195,246)
-
#a7cef7
#a7cef7
rgb(167,206,247)
-
#b9d8f9
#b9d8f9
rgb(185,216,249)
-
#cbe2fa
#cbe2fa
rgb(203,226,250)
-
#ddecfc
#ddecfc
rgb(221,236,252)
-
#eff6fe
#eff6fe
rgb(239,246,254)
Tones of #5fa5f1
A tone is produced by adding gray to any pure hue. In this case, #a2a8ae is the less saturated color, while #52a4fe is the most saturated one.
-
#a2a8ae
#a2a8ae
rgb(162,168,174)
-
#9ba7b5
#9ba7b5
rgb(155,167,181)
-
#95a7bb
#95a7bb
rgb(149,167,187)
-
#8ea7c2
#8ea7c2
rgb(142,167,194)
-
#87a7c9
#87a7c9
rgb(135,167,201)
-
#80a6d0
#80a6d0
rgb(128,166,208)
-
#7aa6d6
#7aa6d6
rgb(122,166,214)
-
#73a6dd
#73a6dd
rgb(115,166,221)
-
#6ca6e4
#6ca6e4
rgb(108,166,228)
-
#66a5ea
#66a5ea
rgb(102,165,234)
-
#5fa5f1
#5fa5f1
rgb(95,165,241)
-
#58a5f8
#58a5f8
rgb(88,165,248)
-
#52a4fe
#52a4fe
rgb(82,164,254)
Color Blindness Simulator
Below, you can see how #5fa5f1 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.