#20dadd Color Information
In a RGB color space, hex #20dadd is composed of 12.5% red, 85.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 1.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 181 degrees, a saturation of 74.7% and a lightness of 49.6%. #20dadd color hex could be obtained by blending #40ffff with #00b5bb. Closest websafe color is: #33cccc.
-
- R 13
- G 85
- B 87
-
- C 86
- M 1
- Y 0
- K 13
● #20dadd color description : Vivid cyan.
#20dadd Color Conversion
The hexadecimal color #20dadd has RGB values of R:32, G:218, B:221 and CMYK values of C:0.86, M:0.01, Y:0, K:0.13. Its decimal value is 2153181.
Hex triplet | 20dadd | #20dadd |
---|---|---|
RGB Decimal | 32, 218, 221 | rgb(32,218,221) |
RGB Percent | 12.5, 85.5, 86.7 | rgb(12.5%,85.5%,86.7%) |
CMYK | 86, 1, 0, 13 | |
HSL | 181°, 74.7, 49.6 | hsl(181,74.7%,49.6%) |
HSV (or HSB) | 181°, 85.5, 86.7 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 79.424, -40.673, -13.745 |
---|---|
XYZ | 38.714, 55.666, 77.107 |
xyY | 0.226, 0.325, 55.666 |
CIE-LCH | 79.424, 42.933, 198.672 |
CIE-LUV | 79.424, -59.578, -15.444 |
Hunter-Lab | 74.61, -37.946, -9.047 |
Binary | 00100000, 11011010, 11011101 |
Color Schemes with #20dadd
Alternatives to #20dadd
Below, you can see some colors close to #20dadd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20dadd Preview
This text has a font color of #20dadd.
<span style="color:#20dadd;">Text here</span>
This paragraph has a background color of #20dadd.
<p style="background-color:#20dadd;">Content here</p>
This element has a border color of #20dadd.
<div style="border:1px solid #20dadd;">Content here</div>
.text {color:#20dadd;}
.background {background-color:#20dadd;}
.border {border:1px solid #20dadd;}
Shades and Tints of #20dadd
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, #020f0f is the darkest color, while #fdffff is the lightest one.
-
#020f0f
#020f0f
rgb(2,15,15)
-
#052021
#052021
rgb(5,32,33)
-
#073132
#073132
rgb(7,49,50)
-
#0a4243
#0a4243
rgb(10,66,67)
-
#0c5354
#0c5354
rgb(12,83,84)
-
#0f6465
#0f6465
rgb(15,100,101)
-
#117576
#117576
rgb(17,117,118)
-
#148587
#148587
rgb(20,133,135)
-
#169698
#169698
rgb(22,150,152)
-
#19a7aa
#19a7aa
rgb(25,167,170)
-
#1bb8bb
#1bb8bb
rgb(27,184,187)
-
#1ec9cc
#1ec9cc
rgb(30,201,204)
-
#20dadd
#20dadd
rgb(32,218,221)
-
#30dee1
#30dee1
rgb(48,222,225)
-
#41e1e3
#41e1e3
rgb(65,225,227)
-
#52e4e6
#52e4e6
rgb(82,228,230)
-
#63e6e8
#63e6e8
rgb(99,230,232)
-
#74e9eb
#74e9eb
rgb(116,233,235)
-
#85eced
#85eced
rgb(133,236,237)
-
#96eef0
#96eef0
rgb(150,238,240)
-
#a8f1f2
#a8f1f2
rgb(168,241,242)
-
#b9f4f5
#b9f4f5
rgb(185,244,245)
-
#caf7f7
#caf7f7
rgb(202,247,247)
-
#dbf9fa
#dbf9fa
rgb(219,249,250)
-
#ecfcfc
#ecfcfc
rgb(236,252,252)
-
#fdffff
#fdffff
rgb(253,255,255)
Tones of #20dadd
A tone is produced by adding gray to any pure hue. In this case, #788585 is the less saturated color, while #03f6fa is the most saturated one.
-
#788585
#788585
rgb(120,133,133)
-
#6e8f8f
#6e8f8f
rgb(110,143,143)
-
#649899
#649899
rgb(100,152,153)
-
#5aa1a3
#5aa1a3
rgb(90,161,163)
-
#51abac
#51abac
rgb(81,171,172)
-
#47b4b6
#47b4b6
rgb(71,180,182)
-
#3dbec0
#3dbec0
rgb(61,190,192)
-
#33c7ca
#33c7ca
rgb(51,199,202)
-
#2ad1d3
#2ad1d3
rgb(42,209,211)
-
#20dadd
#20dadd
rgb(32,218,221)
-
#16e3e7
#16e3e7
rgb(22,227,231)
-
#0dedf0
#0dedf0
rgb(13,237,240)
-
#03f6fa
#03f6fa
rgb(3,246,250)
Color Blindness Simulator
Below, you can see how #20dadd 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.