#5cb2dd Color Information
In a RGB color space, hex #5cb2dd is composed of 36.1% red, 69.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 19.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 200 degrees, a saturation of 65.5% and a lightness of 61.4%. #5cb2dd color hex could be obtained by blending #b8ffff with #0065bb. Closest websafe color is: #6699cc.
-
- R 36
- G 70
- B 87
-
- C 58
- M 19
- Y 0
- K 13
● #5cb2dd color description : Soft blue.
#5cb2dd Color Conversion
The hexadecimal color #5cb2dd has RGB values of R:92, G:178, B:221 and CMYK values of C:0.58, M:0.19, Y:0, K:0.13. Its decimal value is 6075101.
| Hex triplet | 5cb2dd | #5cb2dd |
|---|---|---|
| RGB Decimal | 92, 178, 221 | rgb(92,178,221) |
| RGB Percent | 36.1, 69.8, 86.7 | rgb(36.1%,69.8%,86.7%) |
| CMYK | 58, 19, 0, 13 | |
| HSL | 200°, 65.5, 61.4 | hsl(200,65.5%,61.4%) |
| HSV (or HSB) | 200°, 58.4, 86.7 | |
| Web Safe | 6699cc | #6699cc |
| CIE-LAB | 68.993, -13.576, -29.489 |
|---|---|
| XYZ | 33.382, 39.334, 74.236 |
| xyY | 0.227, 0.268, 39.334 |
| CIE-LCH | 68.993, 32.463, 245.28 |
| CIE-LUV | 68.993, -35.899, -44.789 |
| Hunter-Lab | 62.717, -14.746, -26.277 |
| Binary | 01011100, 10110010, 11011101 |
Color Schemes with #5cb2dd
Alternatives to #5cb2dd
Below, you can see some colors close to #5cb2dd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5cb2dd Preview
This text has a font color of #5cb2dd.
<span style="color:#5cb2dd;">Text here</span>
This paragraph has a background color of #5cb2dd.
<p style="background-color:#5cb2dd;">Content here</p>
This element has a border color of #5cb2dd.
<div style="border:1px solid #5cb2dd;">Content here</div>
.text {color:#5cb2dd;}
.background {background-color:#5cb2dd;}
.border {border:1px solid #5cb2dd;}
Shades and Tints of #5cb2dd
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
#030b10rgb(3,11,16) -
#071720
#071720rgb(7,23,32) -
#0a2330
#0a2330rgb(10,35,48) -
#0d2f40
#0d2f40rgb(13,47,64) -
#113b50
#113b50rgb(17,59,80) -
#144761
#144761rgb(20,71,97) -
#185371
#185371rgb(24,83,113) -
#1b5f81
#1b5f81rgb(27,95,129) -
#1e6b91
#1e6b91rgb(30,107,145) -
#2277a2
#2277a2rgb(34,119,162) -
#2583b2
#2583b2rgb(37,131,178) -
#288fc2
#288fc2rgb(40,143,194) -
#2c9bd2
#2c9bd2rgb(44,155,210)
-
#3ca3d6
#3ca3d6rgb(60,163,214) -
#4caada
#4caadargb(76,170,218) -
#5cb2dd
#5cb2ddrgb(92,178,221) -
#6cbae0
#6cbae0rgb(108,186,224) -
#7cc1e4
#7cc1e4rgb(124,193,228) -
#8dc9e7
#8dc9e7rgb(141,201,231) -
#9dd1eb
#9dd1ebrgb(157,209,235) -
#add8ee
#add8eergb(173,216,238) -
#bde0f1
#bde0f1rgb(189,224,241) -
#cee8f5
#cee8f5rgb(206,232,245) -
#deeff8
#deeff8rgb(222,239,248) -
#eef7fb
#eef7fbrgb(238,247,251) -
#feffff
#feffffrgb(254,255,255)
Tones of #5cb2dd
A tone is produced by adding gray to any pure hue. In this case, #999ea0 is the less saturated color, while #3ebcfb is the most saturated one.
-
#999ea0
#999ea0rgb(153,158,160) -
#91a0a8
#91a0a8rgb(145,160,168) -
#89a3b0
#89a3b0rgb(137,163,176) -
#82a5b7
#82a5b7rgb(130,165,183) -
#7aa8bf
#7aa8bfrgb(122,168,191) -
#73aac6
#73aac6rgb(115,170,198) -
#6badce
#6badcergb(107,173,206) -
#64afd5
#64afd5rgb(100,175,213) -
#5cb2dd
#5cb2ddrgb(92,178,221) -
#54b5e5
#54b5e5rgb(84,181,229) -
#4db7ec
#4db7ecrgb(77,183,236) -
#45baf4
#45baf4rgb(69,186,244) -
#3ebcfb
#3ebcfbrgb(62,188,251)
Color Blindness Simulator
Below, you can see how #5cb2dd 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.
