#5cb2cc Color Information
In a RGB color space, hex #5cb2cc is composed of 36.1% red, 69.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 54.9% cyan, 12.7% magenta, 0% yellow and 20% black. It has a hue angle of 193.9 degrees, a saturation of 52.3% and a lightness of 58%. #5cb2cc color hex could be obtained by blending #b8ffff with #006599. Closest websafe color is: #6699cc.
-
- R 36
- G 70
- B 80
-
- C 55
- M 13
- Y 0
- K 20
● #5cb2cc color description : Moderate cyan.
#5cb2cc Color Conversion
The hexadecimal color #5cb2cc has RGB values of R:92, G:178, B:204 and CMYK values of C:0.55, M:0.13, Y:0, K:0.2. Its decimal value is 6075084.
| Hex triplet | 5cb2cc | #5cb2cc |
|---|---|---|
| RGB Decimal | 92, 178, 204 | rgb(92,178,204) |
| RGB Percent | 36.1, 69.8, 80 | rgb(36.1%,69.8%,80%) |
| CMYK | 55, 13, 0, 20 | |
| HSL | 193.9°, 52.3, 58 | hsl(193.9,52.3%,58%) |
| HSV (or HSB) | 193.9°, 54.9, 80 | |
| Web Safe | 6699cc | #6699cc |
| CIE-LAB | 68.368, -18.632, -21.11 |
|---|---|
| XYZ | 31.23, 38.474, 62.904 |
| xyY | 0.236, 0.29, 38.474 |
| CIE-LCH | 68.368, 28.156, 228.567 |
| CIE-LUV | 68.368, -36.538, -30.133 |
| Hunter-Lab | 62.027, -18.674, -16.709 |
| Binary | 01011100, 10110010, 11001100 |
Color Schemes with #5cb2cc
Alternatives to #5cb2cc
Below, you can see some colors close to #5cb2cc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5cb2cc Preview
This text has a font color of #5cb2cc.
<span style="color:#5cb2cc;">Text here</span>
This paragraph has a background color of #5cb2cc.
<p style="background-color:#5cb2cc;">Content here</p>
This element has a border color of #5cb2cc.
<div style="border:1px solid #5cb2cc;">Content here</div>
.text {color:#5cb2cc;}
.background {background-color:#5cb2cc;}
.border {border:1px solid #5cb2cc;}
Shades and Tints of #5cb2cc
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, #000101 is the darkest color, while #f1f9fb is the lightest one.
-
#000101
#000101rgb(0,1,1) -
#050e10
#050e10rgb(5,14,16) -
#0a1a1f
#0a1a1frgb(10,26,31) -
#0e272e
#0e272ergb(14,39,46) -
#13333d
#13333drgb(19,51,61) -
#18404c
#18404crgb(24,64,76) -
#1c4c5b
#1c4c5brgb(28,76,91) -
#21596a
#21596argb(33,89,106) -
#266679
#266679rgb(38,102,121) -
#2a7288
#2a7288rgb(42,114,136) -
#2f7f97
#2f7f97rgb(47,127,151) -
#348ba6
#348ba6rgb(52,139,166) -
#3998b5
#3998b5rgb(57,152,181)
-
#3ea4c3
#3ea4c3rgb(62,164,195) -
#4dabc7
#4dabc7rgb(77,171,199) -
#5cb2cc
#5cb2ccrgb(92,178,204) -
#6bb9d1
#6bb9d1rgb(107,185,209) -
#7ac0d5
#7ac0d5rgb(122,192,213) -
#89c7da
#89c7dargb(137,199,218) -
#98cedf
#98cedfrgb(152,206,223) -
#a7d5e3
#a7d5e3rgb(167,213,227) -
#b6dce8
#b6dce8rgb(182,220,232) -
#c5e3ed
#c5e3edrgb(197,227,237) -
#d4eaf1
#d4eaf1rgb(212,234,241) -
#e2f2f6
#e2f2f6rgb(226,242,246) -
#f1f9fb
#f1f9fbrgb(241,249,251)
Tones of #5cb2cc
A tone is produced by adding gray to any pure hue. In this case, #8d989b is the less saturated color, while #2bccfd is the most saturated one.
-
#8d989b
#8d989brgb(141,152,155) -
#859ca3
#859ca3rgb(133,156,163) -
#7da0ab
#7da0abrgb(125,160,171) -
#75a5b3
#75a5b3rgb(117,165,179) -
#6ca9bc
#6ca9bcrgb(108,169,188) -
#64aec4
#64aec4rgb(100,174,196) -
#5cb2cc
#5cb2ccrgb(92,178,204) -
#54b6d4
#54b6d4rgb(84,182,212) -
#4cbbdc
#4cbbdcrgb(76,187,220) -
#43bfe5
#43bfe5rgb(67,191,229) -
#3bc4ed
#3bc4edrgb(59,196,237) -
#33c8f5
#33c8f5rgb(51,200,245) -
#2bccfd
#2bccfdrgb(43,204,253)
Color Blindness Simulator
Below, you can see how #5cb2cc 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.
