#5ccdd0 hex color
In a RGB color space, hex #5ccdd0 is composed of 36.1% red, 80.4% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 55.8% cyan, 1.4% magenta, 0% yellow and 18.4% black. It has a hue angle of 181.6 degrees, a saturation of 55.2% and a lightness of 58.8%. #5ccdd0 color hex could be obtained by blending #b8ffff with #009ba1. Closest websafe color is: #66cccc.
-
- R 36
- G 80
- B 82
RGB color chart
-
- C 56
- M 1
- Y 0
- K 18
CMYK color chart
● #5ccdd0 color description : Moderate cyan.
The hexadecimal color #5ccdd0 has RGB values of R:92, G:205, B:208 and CMYK values of C:0.56, M:0.01, Y:0, K:0.18. Its decimal value is 6082000.
Hex triplet | 5ccdd0 | #5ccdd0 |
---|---|---|
RGB Decimal | 92, 205, 208 | rgb(92,205,208) |
RGB Percent | 36.1, 80.4, 81.6 | rgb(36.1%,80.4%,81.6%) |
CMYK | 56, 1, 0, 18 | |
HSL | 181.6°, 55.2, 58.8 | hsl(181.6,55.2%,58.8%) |
HSV (or HSB) | 181.6°, 55.8, 81.6 | |
Web Safe | 66cccc | #66cccc |
CIE-LAB | 76.369, -31.007, -11.222 |
---|---|
XYZ | 37.627, 50.489, 67.434 |
xyY | 0.242, 0.325, 50.489 |
CIE-LCH | 76.369, 32.976, 199.896 |
CIE-LUV | 76.369, -46.581, -12.596 |
Hunter-Lab | 71.056, -29.825, -6.529 |
Binary | 01011100, 11001101, 11010000 |
Analogous Color
Split Complementary Color
Triadic Color
Below, you can see some colors close to #5ccdd0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #5ccdd0
This text has a font color of #5ccdd0.
<span style="color:#5ccdd0;">Text here</span>
#5ccdd0 background color
This paragraph has a background color of #5ccdd0.
<p style="background-color:#5ccdd0;">Content here</p>
#5ccdd0 border color
This element has a border color of #5ccdd0.
<div style="border:1px solid #5ccdd0;">Content here</div>
CSS codes
.text {color:#5ccdd0;}
.background {background-color:#5ccdd0;}
.border {border:1px solid #5ccdd0;}
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, #010404 is the darkest color, while #f4fcfc is the lightest one.
-
#010404
#010404
rgb(1,4,4)
-
#061314
#061314
rgb(6,19,20)
-
#0a2223
#0a2223
rgb(10,34,35)
-
#0e3132
#0e3132
rgb(14,49,50)
-
#134041
#134041
rgb(19,64,65)
-
#174f51
#174f51
rgb(23,79,81)
-
#1c5e60
#1c5e60
rgb(28,94,96)
-
#206d6f
#206d6f
rgb(32,109,111)
-
#247c7e
#247c7e
rgb(36,124,126)
-
#298b8e
#298b8e
rgb(41,139,142)
-
#2d9a9d
#2d9a9d
rgb(45,154,157)
-
#32a9ac
#32a9ac
rgb(50,169,172)
-
#36b8bb
#36b8bb
rgb(54,184,187)
Shade Color Variation
-
#3ec4c7
#3ec4c7
rgb(62,196,199)
-
#4dc8cc
#4dc8cc
rgb(77,200,204)
-
#5ccdd0
#5ccdd0
rgb(92,205,208)
-
#6bd2d4
#6bd2d4
rgb(107,210,212)
-
#7ad6d9
#7ad6d9
rgb(122,214,217)
-
#8adbdd
#8adbdd
rgb(138,219,221)
-
#99e0e2
#99e0e2
rgb(153,224,226)
-
#a8e4e6
#a8e4e6
rgb(168,228,230)
-
#b7e9ea
#b7e9ea
rgb(183,233,234)
-
#c7eeef
#c7eeef
rgb(199,238,239)
-
#d6f2f3
#d6f2f3
rgb(214,242,243)
-
#e5f7f8
#e5f7f8
rgb(229,247,248)
-
#f4fcfc
#f4fcfc
rgb(244,252,252)
Tint Color Variation
A tone is produced by adding gray to any pure hue. In this case, #959797 is the less saturated color, while #34f3f8 is the most saturated one.
-
#959797
#959797
rgb(149,151,151)
-
#8c9fa0
#8c9fa0
rgb(140,159,160)
-
#84a7a8
#84a7a8
rgb(132,167,168)
-
#7caeb0
#7caeb0
rgb(124,174,176)
-
#74b6b8
#74b6b8
rgb(116,182,184)
-
#6cbec0
#6cbec0
rgb(108,190,192)
-
#64c5c8
#64c5c8
rgb(100,197,200)
-
#5ccdd0
#5ccdd0
rgb(92,205,208)
-
#54d5d8
#54d5d8
rgb(84,213,216)
-
#4cdce0
#4cdce0
rgb(76,220,224)
-
#44e4e8
#44e4e8
rgb(68,228,232)
-
#3cecf0
#3cecf0
rgb(60,236,240)
-
#34f3f8
#34f3f8
rgb(52,243,248)
Tone Color Variation
Below, you can see how #5ccdd0 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.
Monochromacy
Dichromacy