#20ceef Color Information
In a RGB color space, hex #20ceef is composed of 12.5% red, 80.8% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 86.6% cyan, 13.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 189.6 degrees, a saturation of 86.6% and a lightness of 53.1%. #20ceef color hex could be obtained by blending #40ffff with #009ddf. Closest websafe color is: #33ccff.
-
- R 13
- G 81
- B 94
-
- C 87
- M 14
- Y 0
- K 6
● #20ceef color description : Vivid cyan.
#20ceef Color Conversion
The hexadecimal color #20ceef has RGB values of R:32, G:206, B:239 and CMYK values of C:0.87, M:0.14, Y:0, K:0.06. Its decimal value is 2150127.
| Hex triplet | 20ceef | #20ceef |
|---|---|---|
| RGB Decimal | 32, 206, 239 | rgb(32,206,239) |
| RGB Percent | 12.5, 80.8, 93.7 | rgb(12.5%,80.8%,93.7%) |
| CMYK | 87, 14, 0, 6 | |
| HSL | 189.6°, 86.6, 53.1 | hsl(189.6,86.6%,53.1%) |
| HSV (or HSB) | 189.6°, 86.6, 93.7 | |
| Web Safe | 33ccff | #33ccff |
| CIE-LAB | 76.484, -29.511, -27.841 |
|---|---|
| XYZ | 38.243, 50.678, 89.423 |
| xyY | 0.214, 0.284, 50.678 |
| CIE-LCH | 76.484, 40.571, 223.332 |
| CIE-LUV | 76.484, -54.121, -40.514 |
| Hunter-Lab | 71.188, -28.689, -24.645 |
| Binary | 00100000, 11001110, 11101111 |
Color Schemes with #20ceef
Alternatives to #20ceef
Below, you can see some colors close to #20ceef. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20ceef Preview
This text has a font color of #20ceef.
<span style="color:#20ceef;">Text here</span>
This paragraph has a background color of #20ceef.
<p style="background-color:#20ceef;">Content here</p>
This element has a border color of #20ceef.
<div style="border:1px solid #20ceef;">Content here</div>
.text {color:#20ceef;}
.background {background-color:#20ceef;}
.border {border:1px solid #20ceef;}
Shades and Tints of #20ceef
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, #010d0f is the darkest color, while #fcfeff is the lightest one.
-
#010d0f
#010d0frgb(1,13,15) -
#021c21
#021c21rgb(2,28,33) -
#042c34
#042c34rgb(4,44,52) -
#053c46
#053c46rgb(5,60,70) -
#064b58
#064b58rgb(6,75,88) -
#085b6a
#085b6argb(8,91,106) -
#096a7d
#096a7drgb(9,106,125) -
#0a7a8f
#0a7a8frgb(10,122,143) -
#0c89a1
#0c89a1rgb(12,137,161) -
#0d99b4
#0d99b4rgb(13,153,180) -
#0ea9c6
#0ea9c6rgb(14,169,198) -
#10b8d8
#10b8d8rgb(16,184,216) -
#11c8eb
#11c8ebrgb(17,200,235)
-
#20ceef
#20ceefrgb(32,206,239) -
#32d2f0
#32d2f0rgb(50,210,240) -
#45d6f2
#45d6f2rgb(69,214,242) -
#57daf3
#57daf3rgb(87,218,243) -
#69def4
#69def4rgb(105,222,244) -
#7ce2f6
#7ce2f6rgb(124,226,246) -
#8ee6f7
#8ee6f7rgb(142,230,247) -
#a0eaf8
#a0eaf8rgb(160,234,248) -
#b2eefa
#b2eefargb(178,238,250) -
#c5f2fb
#c5f2fbrgb(197,242,251) -
#d7f6fc
#d7f6fcrgb(215,246,252) -
#e9fafd
#e9fafdrgb(233,250,253) -
#fcfeff
#fcfeffrgb(252,254,255)
Tones of #20ceef
A tone is produced by adding gray to any pure hue. In this case, #85898a is the less saturated color, while #17d4f8 is the most saturated one.
-
#85898a
#85898argb(133,137,138) -
#7c8f93
#7c8f93rgb(124,143,147) -
#73969c
#73969crgb(115,150,156) -
#6a9ca5
#6a9ca5rgb(106,156,165) -
#60a2af
#60a2afrgb(96,162,175) -
#57a8b8
#57a8b8rgb(87,168,184) -
#4eafc1
#4eafc1rgb(78,175,193) -
#45b5ca
#45b5cargb(69,181,202) -
#3cbbd3
#3cbbd3rgb(60,187,211) -
#32c1dd
#32c1ddrgb(50,193,221) -
#29c8e6
#29c8e6rgb(41,200,230) -
#20ceef
#20ceefrgb(32,206,239) -
#17d4f8
#17d4f8rgb(23,212,248)
Color Blindness Simulator
Below, you can see how #20ceef 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.
