#20ecd2 Color Information
In a RGB color space, hex #20ecd2 is composed of 12.5% red, 92.5% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 0% magenta, 11% yellow and 7.5% black. It has a hue angle of 172.4 degrees, a saturation of 84.3% and a lightness of 52.5%. #20ecd2 color hex could be obtained by blending #40ffff with #00d9a5. Closest websafe color is: #33ffcc.
-
- R 13
- G 93
- B 82
-
- C 86
- M 0
- Y 11
- K 7
● #20ecd2 color description : Vivid cyan.
#20ecd2 Color Conversion
The hexadecimal color #20ecd2 has RGB values of R:32, G:236, B:210 and CMYK values of C:0.86, M:0, Y:0.11, K:0.07. Its decimal value is 2157778.
Hex triplet | 20ecd2 | #20ecd2 |
---|---|---|
RGB Decimal | 32, 236, 210 | rgb(32,236,210) |
RGB Percent | 12.5, 92.5, 82.4 | rgb(12.5%,92.5%,82.4%) |
CMYK | 86, 0, 11, 7 | |
HSL | 172.4°, 84.3, 52.5 | hsl(172.4,84.3%,52.5%) |
HSV (or HSB) | 172.4°, 86.4, 92.5 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 84.456, -51.5, -0.459 |
---|---|
XYZ | 42.22, 64.947, 71.28 |
xyY | 0.237, 0.364, 64.947 |
CIE-LCH | 84.456, 51.502, 180.511 |
CIE-LUV | 84.456, -66.5, 7.447 |
Hunter-Lab | 80.59, -47.518, 3.972 |
Binary | 00100000, 11101100, 11010010 |
Color Schemes with #20ecd2
Alternatives to #20ecd2
Below, you can see some colors close to #20ecd2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20ecd2 Preview
This text has a font color of #20ecd2.
<span style="color:#20ecd2;">Text here</span>
This paragraph has a background color of #20ecd2.
<p style="background-color:#20ecd2;">Content here</p>
This element has a border color of #20ecd2.
<div style="border:1px solid #20ecd2;">Content here</div>
.text {color:#20ecd2;}
.background {background-color:#20ecd2;}
.border {border:1px solid #20ecd2;}
Shades and Tints of #20ecd2
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, #010c0b is the darkest color, while #f9fefe is the lightest one.
-
#010c0b
#010c0b
rgb(1,12,11)
-
#031e1b
#031e1b
rgb(3,30,27)
-
#04302b
#04302b
rgb(4,48,43)
-
#06423a
#06423a
rgb(6,66,58)
-
#07544a
#07544a
rgb(7,84,74)
-
#09665a
#09665a
rgb(9,102,90)
-
#0a786a
#0a786a
rgb(10,120,106)
-
#0c8b7a
#0c8b7a
rgb(12,139,122)
-
#0d9d8a
#0d9d8a
rgb(13,157,138)
-
#0faf9a
#0faf9a
rgb(15,175,154)
-
#10c1aa
#10c1aa
rgb(16,193,170)
-
#12d3ba
#12d3ba
rgb(18,211,186)
-
#14e5ca
#14e5ca
rgb(20,229,202)
-
#20ecd2
#20ecd2
rgb(32,236,210)
-
#32eed6
#32eed6
rgb(50,238,214)
-
#44efd9
#44efd9
rgb(68,239,217)
-
#56f1dd
#56f1dd
rgb(86,241,221)
-
#68f2e1
#68f2e1
rgb(104,242,225)
-
#7af4e4
#7af4e4
rgb(122,244,228)
-
#8cf5e8
#8cf5e8
rgb(140,245,232)
-
#9ff7ec
#9ff7ec
rgb(159,247,236)
-
#b1f8ef
#b1f8ef
rgb(177,248,239)
-
#c3faf3
#c3faf3
rgb(195,250,243)
-
#d5fbf6
#d5fbf6
rgb(213,251,246)
-
#e7fdfa
#e7fdfa
rgb(231,253,250)
-
#f9fefe
#f9fefe
rgb(249,254,254)
Tones of #20ecd2
A tone is produced by adding gray to any pure hue. In this case, #7d8f8d is the less saturated color, while #0dffe0 is the most saturated one.
-
#7d8f8d
#7d8f8d
rgb(125,143,141)
-
#749894
#749894
rgb(116,152,148)
-
#6aa29b
#6aa29b
rgb(106,162,155)
-
#61aba1
#61aba1
rgb(97,171,161)
-
#58b4a8
#58b4a8
rgb(88,180,168)
-
#4fbdaf
#4fbdaf
rgb(79,189,175)
-
#45c7b6
#45c7b6
rgb(69,199,182)
-
#3cd0bd
#3cd0bd
rgb(60,208,189)
-
#33d9c4
#33d9c4
rgb(51,217,196)
-
#29e3cb
#29e3cb
rgb(41,227,203)
-
#20ecd2
#20ecd2
rgb(32,236,210)
-
#17f5d9
#17f5d9
rgb(23,245,217)
-
#0dffe0
#0dffe0
rgb(13,255,224)
Color Blindness Simulator
Below, you can see how #20ecd2 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.