#5caaf2 Color Information
In a RGB color space, hex #5caaf2 is composed of 36.1% red, 66.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 62% cyan, 29.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 208.8 degrees, a saturation of 85.2% and a lightness of 65.5%. #5caaf2 color hex could be obtained by blending #b8ffff with #0055e5. Closest websafe color is: #6699ff.
-
- R 36
- G 67
- B 95
-
- C 62
- M 30
- Y 0
- K 5
● #5caaf2 color description : Soft blue.
#5caaf2 Color Conversion
The hexadecimal color #5caaf2 has RGB values of R:92, G:170, B:242 and CMYK values of C:0.62, M:0.3, Y:0, K:0.05. Its decimal value is 6073074.
Hex triplet | 5caaf2 | #5caaf2 |
---|---|---|
RGB Decimal | 92, 170, 242 | rgb(92,170,242) |
RGB Percent | 36.1, 66.7, 94.9 | rgb(36.1%,66.7%,94.9%) |
CMYK | 62, 30, 0, 5 | |
HSL | 208.8°, 85.2, 65.5 | hsl(208.8,85.2%,65.5%) |
HSV (or HSB) | 208.8°, 62, 94.9 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 67.601, -2.61, -43.133 |
---|---|
XYZ | 34.812, 37.433, 89.39 |
xyY | 0.215, 0.232, 37.433 |
CIE-LCH | 67.601, 43.212, 266.537 |
CIE-LUV | 67.601, -32.309, -69.095 |
Hunter-Lab | 61.183, -5.507, -43.797 |
Binary | 01011100, 10101010, 11110010 |
Color Schemes with #5caaf2
Alternatives to #5caaf2
Below, you can see some colors close to #5caaf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5caaf2 Preview
This text has a font color of #5caaf2.
<span style="color:#5caaf2;">Text here</span>
This paragraph has a background color of #5caaf2.
<p style="background-color:#5caaf2;">Content here</p>
This element has a border color of #5caaf2.
<div style="border:1px solid #5caaf2;">Content here</div>
.text {color:#5caaf2;}
.background {background-color:#5caaf2;}
.border {border:1px solid #5caaf2;}
Shades and Tints of #5caaf2
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, #000000 is the darkest color, while #edf6fe is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#010a13
#010a13
rgb(1,10,19)
-
#031525
#031525
rgb(3,21,37)
-
#041f37
#041f37
rgb(4,31,55)
-
#062949
#062949
rgb(6,41,73)
-
#07335b
#07335b
rgb(7,51,91)
-
#093d6d
#093d6d
rgb(9,61,109)
-
#0a4780
#0a4780
rgb(10,71,128)
-
#0c5192
#0c5192
rgb(12,81,146)
-
#0d5ca4
#0d5ca4
rgb(13,92,164)
-
#0f66b6
#0f66b6
rgb(15,102,182)
-
#1070c8
#1070c8
rgb(16,112,200)
-
#117ada
#117ada
rgb(17,122,218)
-
#1384ec
#1384ec
rgb(19,132,236)
-
#268eee
#268eee
rgb(38,142,238)
-
#3897ef
#3897ef
rgb(56,151,239)
-
#4aa1f1
#4aa1f1
rgb(74,161,241)
-
#5caaf2
#5caaf2
rgb(92,170,242)
-
#6eb3f3
#6eb3f3
rgb(110,179,243)
-
#80bdf5
#80bdf5
rgb(128,189,245)
-
#92c6f6
#92c6f6
rgb(146,198,246)
-
#a5d0f8
#a5d0f8
rgb(165,208,248)
-
#b7d9f9
#b7d9f9
rgb(183,217,249)
-
#c9e3fb
#c9e3fb
rgb(201,227,251)
-
#dbecfc
#dbecfc
rgb(219,236,252)
-
#edf6fe
#edf6fe
rgb(237,246,254)
Tones of #5caaf2
A tone is produced by adding gray to any pure hue. In this case, #a6a7a8 is the less saturated color, while #55aaf9 is the most saturated one.
-
#a6a7a8
#a6a7a8
rgb(166,167,168)
-
#a0a7ae
#a0a7ae
rgb(160,167,174)
-
#99a8b5
#99a8b5
rgb(153,168,181)
-
#92a8bc
#92a8bc
rgb(146,168,188)
-
#8ba8c3
#8ba8c3
rgb(139,168,195)
-
#85a8c9
#85a8c9
rgb(133,168,201)
-
#7ea9d0
#7ea9d0
rgb(126,169,208)
-
#77a9d7
#77a9d7
rgb(119,169,215)
-
#70a9de
#70a9de
rgb(112,169,222)
-
#6aa9e4
#6aa9e4
rgb(106,169,228)
-
#63aaeb
#63aaeb
rgb(99,170,235)
-
#5caaf2
#5caaf2
rgb(92,170,242)
-
#55aaf9
#55aaf9
rgb(85,170,249)
Color Blindness Simulator
Below, you can see how #5caaf2 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.