#20ebcc Color Information
In a RGB color space, hex #20ebcc is composed of 12.5% red, 92.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 86.4% cyan, 0% magenta, 13.2% yellow and 7.8% black. It has a hue angle of 170.8 degrees, a saturation of 83.5% and a lightness of 52.4%. #20ebcc color hex could be obtained by blending #40ffff with #00d799. Closest websafe color is: #33ffcc.
-
- R 13
- G 92
- B 80
-
- C 86
- M 0
- Y 13
- K 8
● #20ebcc color description : Vivid cyan.
#20ebcc Color Conversion
The hexadecimal color #20ebcc has RGB values of R:32, G:235, B:204 and CMYK values of C:0.86, M:0, Y:0.13, K:0.08. Its decimal value is 2157516.
| Hex triplet | 20ebcc | #20ebcc |
|---|---|---|
| RGB Decimal | 32, 235, 204 | rgb(32,235,204) |
| RGB Percent | 12.5, 92.2, 80 | rgb(12.5%,92.2%,80%) |
| CMYK | 86, 0, 13, 8 | |
| HSL | 170.8°, 83.5, 52.4 | hsl(170.8,83.5%,52.4%) |
| HSV (or HSB) | 170.8°, 86.4, 92.2 | |
| Web Safe | 33ffcc | #33ffcc |
| CIE-LAB | 84.007, -52.662, 2.043 |
|---|---|
| XYZ | 41.199, 64.079, 67.321 |
| xyY | 0.239, 0.371, 64.079 |
| CIE-LCH | 84.007, 52.702, 177.778 |
| CIE-LUV | 84.007, -66.623, 11.491 |
| Hunter-Lab | 80.049, -48.218, 6.172 |
| Binary | 00100000, 11101011, 11001100 |
Color Schemes with #20ebcc
Alternatives to #20ebcc
Below, you can see some colors close to #20ebcc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20ebcc Preview
This text has a font color of #20ebcc.
<span style="color:#20ebcc;">Text here</span>
This paragraph has a background color of #20ebcc.
<p style="background-color:#20ebcc;">Content here</p>
This element has a border color of #20ebcc.
<div style="border:1px solid #20ebcc;">Content here</div>
.text {color:#20ebcc;}
.background {background-color:#20ebcc;}
.border {border:1px solid #20ebcc;}
Shades and Tints of #20ebcc
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, #010b09 is the darkest color, while #f8fefd is the lightest one.
-
#010b09
#010b09rgb(1,11,9) -
#031d19
#031d19rgb(3,29,25) -
#042f28
#042f28rgb(4,47,40) -
#064138
#064138rgb(6,65,56) -
#075347
#075347rgb(7,83,71) -
#096557
#096557rgb(9,101,87) -
#0b7766
#0b7766rgb(11,119,102) -
#0c8976
#0c8976rgb(12,137,118) -
#0e9b85
#0e9b85rgb(14,155,133) -
#10ad95
#10ad95rgb(16,173,149) -
#11bfa4
#11bfa4rgb(17,191,164) -
#13d1b4
#13d1b4rgb(19,209,180) -
#14e3c3
#14e3c3rgb(20,227,195)
-
#20ebcc
#20ebccrgb(32,235,204) -
#32edd0
#32edd0rgb(50,237,208) -
#44eed4
#44eed4rgb(68,238,212) -
#56f0d8
#56f0d8rgb(86,240,216) -
#68f1dc
#68f1dcrgb(104,241,220) -
#7af3e1
#7af3e1rgb(122,243,225) -
#8cf5e5
#8cf5e5rgb(140,245,229) -
#9ef6e9
#9ef6e9rgb(158,246,233) -
#b0f8ed
#b0f8edrgb(176,248,237) -
#c2faf1
#c2faf1rgb(194,250,241) -
#d4fbf5
#d4fbf5rgb(212,251,245) -
#e6fdf9
#e6fdf9rgb(230,253,249) -
#f8fefd
#f8fefdrgb(248,254,253)
Tones of #20ebcc
A tone is produced by adding gray to any pure hue. In this case, #7d8e8b is the less saturated color, while #0dfed9 is the most saturated one.
-
#7d8e8b
#7d8e8brgb(125,142,139) -
#749792
#749792rgb(116,151,146) -
#6ba098
#6ba098rgb(107,160,152) -
#61aa9f
#61aa9frgb(97,170,159) -
#58b3a5
#58b3a5rgb(88,179,165) -
#4fbcac
#4fbcacrgb(79,188,172) -
#45c6b2
#45c6b2rgb(69,198,178) -
#3ccfb9
#3ccfb9rgb(60,207,185) -
#33d8bf
#33d8bfrgb(51,216,191) -
#29e2c6
#29e2c6rgb(41,226,198) -
#20ebcc
#20ebccrgb(32,235,204) -
#17f4d2
#17f4d2rgb(23,244,210) -
#0dfed9
#0dfed9rgb(13,254,217)
Color Blindness Simulator
Below, you can see how #20ebcc 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.
