#20add3 Color Information
In a RGB color space, hex #20add3 is composed of 12.5% red, 67.8% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 84.8% cyan, 18% magenta, 0% yellow and 17.3% black. It has a hue angle of 192.7 degrees, a saturation of 73.7% and a lightness of 47.6%. #20add3 color hex could be obtained by blending #40ffff with #005ba7. Closest websafe color is: #3399cc.
-
- R 13
- G 68
- B 83
-
- C 85
- M 18
- Y 0
- K 17
● #20add3 color description : Strong cyan.
#20add3 Color Conversion
The hexadecimal color #20add3 has RGB values of R:32, G:173, B:211 and CMYK values of C:0.85, M:0.18, Y:0, K:0.17. Its decimal value is 2141651.
Hex triplet | 20add3 | #20add3 |
---|---|---|
RGB Decimal | 32, 173, 211 | rgb(32,173,211) |
RGB Percent | 12.5, 67.8, 82.7 | rgb(12.5%,67.8%,82.7%) |
CMYK | 85, 18, 0, 17 | |
HSL | 192.7°, 73.7, 47.6 | hsl(192.7,73.7%,47.6%) |
HSV (or HSB) | 192.7°, 84.8, 82.7 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 65.667, -22.139, -29.241 |
---|---|
XYZ | 27.294, 34.895, 66.921 |
xyY | 0.211, 0.27, 34.895 |
CIE-LCH | 65.667, 36.676, 232.87 |
CIE-LUV | 65.667, -44.868, -43.045 |
Hunter-Lab | 59.072, -20.9, -25.818 |
Binary | 00100000, 10101101, 11010011 |
Color Schemes with #20add3
Alternatives to #20add3
Below, you can see some colors close to #20add3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20add3 Preview
This text has a font color of #20add3.
<span style="color:#20add3;">Text here</span>
This paragraph has a background color of #20add3.
<p style="background-color:#20add3;">Content here</p>
This element has a border color of #20add3.
<div style="border:1px solid #20add3;">Content here</div>
.text {color:#20add3;}
.background {background-color:#20add3;}
.border {border:1px solid #20add3;}
Shades and Tints of #20add3
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, #010507 is the darkest color, while #f5fcfd is the lightest one.
-
#010507
#010507
rgb(1,5,7)
-
#041318
#041318
rgb(4,19,24)
-
#062129
#062129
rgb(6,33,41)
-
#092f3a
#092f3a
rgb(9,47,58)
-
#0b3d4b
#0b3d4b
rgb(11,61,75)
-
#0e4b5c
#0e4b5c
rgb(14,75,92)
-
#11596d
#11596d
rgb(17,89,109)
-
#13677e
#13677e
rgb(19,103,126)
-
#16758f
#16758f
rgb(22,117,143)
-
#1883a0
#1883a0
rgb(24,131,160)
-
#1b91b1
#1b91b1
rgb(27,145,177)
-
#1d9fc2
#1d9fc2
rgb(29,159,194)
-
#20add3
#20add3
rgb(32,173,211)
-
#28b8de
#28b8de
rgb(40,184,222)
-
#39bde1
#39bde1
rgb(57,189,225)
-
#4ac3e4
#4ac3e4
rgb(74,195,228)
-
#5bc9e6
#5bc9e6
rgb(91,201,230)
-
#6ccee9
#6ccee9
rgb(108,206,233)
-
#7dd4eb
#7dd4eb
rgb(125,212,235)
-
#8edaee
#8edaee
rgb(142,218,238)
-
#9fdff1
#9fdff1
rgb(159,223,241)
-
#b0e5f3
#b0e5f3
rgb(176,229,243)
-
#c1ebf6
#c1ebf6
rgb(193,235,246)
-
#d3f0f8
#d3f0f8
rgb(211,240,248)
-
#e4f6fb
#e4f6fb
rgb(228,246,251)
-
#f5fcfd
#f5fcfd
rgb(245,252,253)
Tones of #20add3
A tone is produced by adding gray to any pure hue. In this case, #747d7f is the less saturated color, while #04bdef is the most saturated one.
-
#747d7f
#747d7f
rgb(116,125,127)
-
#6b8288
#6b8288
rgb(107,130,136)
-
#618792
#618792
rgb(97,135,146)
-
#588d9b
#588d9b
rgb(88,141,155)
-
#4f92a4
#4f92a4
rgb(79,146,164)
-
#4597ae
#4597ae
rgb(69,151,174)
-
#3c9db7
#3c9db7
rgb(60,157,183)
-
#33a2c0
#33a2c0
rgb(51,162,192)
-
#29a8ca
#29a8ca
rgb(41,168,202)
-
#20add3
#20add3
rgb(32,173,211)
-
#17b2dc
#17b2dc
rgb(23,178,220)
-
#0db8e6
#0db8e6
rgb(13,184,230)
-
#04bdef
#04bdef
rgb(4,189,239)
Color Blindness Simulator
Below, you can see how #20add3 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.