#5caadd Color Information
In a RGB color space, hex #5caadd is composed of 36.1% red, 66.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 23.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 203.7 degrees, a saturation of 65.5% and a lightness of 61.4%. #5caadd color hex could be obtained by blending #b8ffff with #0055bb. Closest websafe color is: #6699cc.
-
- R 36
- G 67
- B 87
-
- C 58
- M 23
- Y 0
- K 13
● #5caadd color description : Soft blue.
#5caadd Color Conversion
The hexadecimal color #5caadd has RGB values of R:92, G:170, B:221 and CMYK values of C:0.58, M:0.23, Y:0, K:0.13. Its decimal value is 6073053.
Hex triplet | 5caadd | #5caadd |
---|---|---|
RGB Decimal | 92, 170, 221 | rgb(92,170,221) |
RGB Percent | 36.1, 66.7, 86.7 | rgb(36.1%,66.7%,86.7%) |
CMYK | 58, 23, 0, 13 | |
HSL | 203.7°, 65.5, 61.4 | hsl(203.7,65.5%,61.4%) |
HSV (or HSB) | 203.7°, 58.4, 86.7 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 66.705, -9.247, -33.024 |
---|---|
XYZ | 31.836, 36.243, 73.721 |
xyY | 0.225, 0.256, 36.243 |
CIE-LCH | 66.705, 34.294, 254.358 |
CIE-LUV | 66.705, -32.942, -51.062 |
Hunter-Lab | 60.202, -10.959, -30.462 |
Binary | 01011100, 10101010, 11011101 |
Color Schemes with #5caadd
Alternatives to #5caadd
Below, you can see some colors close to #5caadd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5caadd Preview
This text has a font color of #5caadd.
<span style="color:#5caadd;">Text here</span>
This paragraph has a background color of #5caadd.
<p style="background-color:#5caadd;">Content here</p>
This element has a border color of #5caadd.
<div style="border:1px solid #5caadd;">Content here</div>
.text {color:#5caadd;}
.background {background-color:#5caadd;}
.border {border:1px solid #5caadd;}
Shades and Tints of #5caadd
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, #030b10 is the darkest color, while #feffff is the lightest one.
-
#030b10
#030b10
rgb(3,11,16)
-
#071620
#071620
rgb(7,22,32)
-
#0a2130
#0a2130
rgb(10,33,48)
-
#0d2c40
#0d2c40
rgb(13,44,64)
-
#113750
#113750
rgb(17,55,80)
-
#144261
#144261
rgb(20,66,97)
-
#184e71
#184e71
rgb(24,78,113)
-
#1b5981
#1b5981
rgb(27,89,129)
-
#1e6491
#1e6491
rgb(30,100,145)
-
#226fa2
#226fa2
rgb(34,111,162)
-
#257ab2
#257ab2
rgb(37,122,178)
-
#2885c2
#2885c2
rgb(40,133,194)
-
#2c90d2
#2c90d2
rgb(44,144,210)
-
#3c99d6
#3c99d6
rgb(60,153,214)
-
#4ca2da
#4ca2da
rgb(76,162,218)
-
#5caadd
#5caadd
rgb(92,170,221)
-
#6cb2e0
#6cb2e0
rgb(108,178,224)
-
#7cbbe4
#7cbbe4
rgb(124,187,228)
-
#8dc3e7
#8dc3e7
rgb(141,195,231)
-
#9dcceb
#9dcceb
rgb(157,204,235)
-
#add4ee
#add4ee
rgb(173,212,238)
-
#bdddf1
#bdddf1
rgb(189,221,241)
-
#cee5f5
#cee5f5
rgb(206,229,245)
-
#deeef8
#deeef8
rgb(222,238,248)
-
#eef6fb
#eef6fb
rgb(238,246,251)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #5caadd
A tone is produced by adding gray to any pure hue. In this case, #999da0 is the less saturated color, while #3eb0fb is the most saturated one.
-
#999da0
#999da0
rgb(153,157,160)
-
#919fa8
#919fa8
rgb(145,159,168)
-
#89a0b0
#89a0b0
rgb(137,160,176)
-
#82a2b7
#82a2b7
rgb(130,162,183)
-
#7aa4bf
#7aa4bf
rgb(122,164,191)
-
#73a5c6
#73a5c6
rgb(115,165,198)
-
#6ba7ce
#6ba7ce
rgb(107,167,206)
-
#64a8d5
#64a8d5
rgb(100,168,213)
-
#5caadd
#5caadd
rgb(92,170,221)
-
#54ace5
#54ace5
rgb(84,172,229)
-
#4dadec
#4dadec
rgb(77,173,236)
-
#45aff4
#45aff4
rgb(69,175,244)
-
#3eb0fb
#3eb0fb
rgb(62,176,251)
Color Blindness Simulator
Below, you can see how #5caadd 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.