#20cddd Color Information
In a RGB color space, hex #20cddd is composed of 12.5% red, 80.4% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 7.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 185.1 degrees, a saturation of 74.7% and a lightness of 49.6%. #20cddd color hex could be obtained by blending #40ffff with #009bbb. Closest websafe color is: #33cccc.
-
- R 13
- G 80
- B 87
-
- C 86
- M 7
- Y 0
- K 13
● #20cddd color description : Vivid cyan.
#20cddd Color Conversion
The hexadecimal color #20cddd has RGB values of R:32, G:205, B:221 and CMYK values of C:0.86, M:0.07, Y:0, K:0.13. Its decimal value is 2149853.
Hex triplet | 20cddd | #20cddd |
---|---|---|
RGB Decimal | 32, 205, 221 | rgb(32,205,221) |
RGB Percent | 12.5, 80.4, 86.7 | rgb(12.5%,80.4%,86.7%) |
CMYK | 86, 7, 0, 13 | |
HSL | 185.1°, 74.7, 49.6 | hsl(185.1,74.7%,49.6%) |
HSV (or HSB) | 185.1°, 85.5, 86.7 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 75.567, -34.693, -19.558 |
---|---|
XYZ | 35.474, 49.187, 76.027 |
xyY | 0.221, 0.306, 49.187 |
CIE-LCH | 75.567, 39.826, 209.411 |
CIE-LUV | 75.567, -55.145, -25.793 |
Hunter-Lab | 70.133, -32.445, -15.179 |
Binary | 00100000, 11001101, 11011101 |
Color Schemes with #20cddd
Alternatives to #20cddd
Below, you can see some colors close to #20cddd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20cddd Preview
This text has a font color of #20cddd.
<span style="color:#20cddd;">Text here</span>
This paragraph has a background color of #20cddd.
<p style="background-color:#20cddd;">Content here</p>
This element has a border color of #20cddd.
<div style="border:1px solid #20cddd;">Content here</div>
.text {color:#20cddd;}
.background {background-color:#20cddd;}
.border {border:1px solid #20cddd;}
Shades and Tints of #20cddd
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, #020e0f is the darkest color, while #fdffff is the lightest one.
-
#020e0f
#020e0f
rgb(2,14,15)
-
#051e21
#051e21
rgb(5,30,33)
-
#072e32
#072e32
rgb(7,46,50)
-
#0a3e43
#0a3e43
rgb(10,62,67)
-
#0c4e54
#0c4e54
rgb(12,78,84)
-
#0f5e65
#0f5e65
rgb(15,94,101)
-
#116e76
#116e76
rgb(17,110,118)
-
#147e87
#147e87
rgb(20,126,135)
-
#168d98
#168d98
rgb(22,141,152)
-
#199daa
#199daa
rgb(25,157,170)
-
#1badbb
#1badbb
rgb(27,173,187)
-
#1ebdcc
#1ebdcc
rgb(30,189,204)
-
#20cddd
#20cddd
rgb(32,205,221)
-
#30d2e1
#30d2e1
rgb(48,210,225)
-
#41d6e3
#41d6e3
rgb(65,214,227)
-
#52d9e6
#52d9e6
rgb(82,217,230)
-
#63dde8
#63dde8
rgb(99,221,232)
-
#74e1eb
#74e1eb
rgb(116,225,235)
-
#85e5ed
#85e5ed
rgb(133,229,237)
-
#96e8f0
#96e8f0
rgb(150,232,240)
-
#a8ecf2
#a8ecf2
rgb(168,236,242)
-
#b9f0f5
#b9f0f5
rgb(185,240,245)
-
#caf3f7
#caf3f7
rgb(202,243,247)
-
#dbf7fa
#dbf7fa
rgb(219,247,250)
-
#ecfbfc
#ecfbfc
rgb(236,251,252)
-
#fdffff
#fdffff
rgb(253,255,255)
Tones of #20cddd
A tone is produced by adding gray to any pure hue. In this case, #788485 is the less saturated color, while #03e5fa is the most saturated one.
-
#788485
#788485
rgb(120,132,133)
-
#6e8c8f
#6e8c8f
rgb(110,140,143)
-
#649499
#649499
rgb(100,148,153)
-
#5a9da3
#5a9da3
rgb(90,157,163)
-
#51a5ac
#51a5ac
rgb(81,165,172)
-
#47adb6
#47adb6
rgb(71,173,182)
-
#3db5c0
#3db5c0
rgb(61,181,192)
-
#33bdca
#33bdca
rgb(51,189,202)
-
#2ac5d3
#2ac5d3
rgb(42,197,211)
-
#20cddd
#20cddd
rgb(32,205,221)
-
#16d5e7
#16d5e7
rgb(22,213,231)
-
#0dddf0
#0dddf0
rgb(13,221,240)
-
#03e5fa
#03e5fa
rgb(3,229,250)
Color Blindness Simulator
Below, you can see how #20cddd 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.