#20d9fd Color Information
In a RGB color space, hex #20d9fd is composed of 12.5% red, 85.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 14.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 189.8 degrees, a saturation of 98.2% and a lightness of 55.9%. #20d9fd color hex could be obtained by blending #40ffff with #00b3fb. Closest websafe color is: #33ccff.
-
- R 13
- G 85
- B 99
-
- C 87
- M 14
- Y 0
- K 1
● #20d9fd color description : Vivid cyan.
#20d9fd Color Conversion
The hexadecimal color #20d9fd has RGB values of R:32, G:217, B:253 and CMYK values of C:0.87, M:0.14, Y:0, K:0.01. Its decimal value is 2152957.
Hex triplet | 20d9fd | #20d9fd |
---|---|---|
RGB Decimal | 32, 217, 253 | rgb(32,217,253) |
RGB Percent | 12.5, 85.1, 99.2 | rgb(12.5%,85.1%,99.2%) |
CMYK | 87, 14, 0, 1 | |
HSL | 189.8°, 98.2, 55.9 | hsl(189.8,98.2%,55.9%) |
HSV (or HSB) | 189.8°, 87.4, 99.2 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 80.191, -30.384, -29.627 |
---|---|
XYZ | 43.133, 57.02, 101.656 |
xyY | 0.214, 0.283, 57.02 |
CIE-LCH | 80.191, 42.437, 224.277 |
CIE-LUV | 80.191, -56.784, -43.674 |
Hunter-Lab | 75.512, -30.185, -26.959 |
Binary | 00100000, 11011001, 11111101 |
Color Schemes with #20d9fd
Alternatives to #20d9fd
Below, you can see some colors close to #20d9fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20d9fd Preview
This text has a font color of #20d9fd.
<span style="color:#20d9fd;">Text here</span>
This paragraph has a background color of #20d9fd.
<p style="background-color:#20d9fd;">Content here</p>
This element has a border color of #20d9fd.
<div style="border:1px solid #20d9fd;">Content here</div>
.text {color:#20d9fd;}
.background {background-color:#20d9fd;}
.border {border:1px solid #20d9fd;}
Shades and Tints of #20d9fd
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, #00090a is the darkest color, while #f6fdff is the lightest one.
-
#00090a
#00090a
rgb(0,9,10)
-
#00191e
#00191e
rgb(0,25,30)
-
#002931
#002931
rgb(0,41,49)
-
#013a45
#013a45
rgb(1,58,69)
-
#014a58
#014a58
rgb(1,74,88)
-
#015a6b
#015a6b
rgb(1,90,107)
-
#016a7f
#016a7f
rgb(1,106,127)
-
#017b92
#017b92
rgb(1,123,146)
-
#018ba6
#018ba6
rgb(1,139,166)
-
#029bb9
#029bb9
rgb(2,155,185)
-
#02accd
#02accd
rgb(2,172,205)
-
#02bce0
#02bce0
rgb(2,188,224)
-
#02ccf4
#02ccf4
rgb(2,204,244)
-
#0dd6fd
#0dd6fd
rgb(13,214,253)
-
#20d9fd
#20d9fd
rgb(32,217,253)
-
#33dcfd
#33dcfd
rgb(51,220,253)
-
#47e0fd
#47e0fd
rgb(71,224,253)
-
#5ae3fe
#5ae3fe
rgb(90,227,254)
-
#6ee6fe
#6ee6fe
rgb(110,230,254)
-
#81eafe
#81eafe
rgb(129,234,254)
-
#95edfe
#95edfe
rgb(149,237,254)
-
#a8f0fe
#a8f0fe
rgb(168,240,254)
-
#bcf4fe
#bcf4fe
rgb(188,244,254)
-
#cff7ff
#cff7ff
rgb(207,247,255)
-
#e2faff
#e2faff
rgb(226,250,255)
-
#f6fdff
#f6fdff
rgb(246,253,255)
Tones of #20d9fd
A tone is produced by adding gray to any pure hue. In this case, #889395 is the less saturated color, while #20d9fd is the most saturated one.
-
#889395
#889395
rgb(136,147,149)
-
#7f999e
#7f999e
rgb(127,153,158)
-
#779fa6
#779fa6
rgb(119,159,166)
-
#6ea4af
#6ea4af
rgb(110,164,175)
-
#65aab8
#65aab8
rgb(101,170,184)
-
#5db0c0
#5db0c0
rgb(93,176,192)
-
#54b6c9
#54b6c9
rgb(84,182,201)
-
#4bbcd2
#4bbcd2
rgb(75,188,210)
-
#43c2da
#43c2da
rgb(67,194,218)
-
#3ac7e3
#3ac7e3
rgb(58,199,227)
-
#31cdec
#31cdec
rgb(49,205,236)
-
#29d3f4
#29d3f4
rgb(41,211,244)
-
#20d9fd
#20d9fd
rgb(32,217,253)
Color Blindness Simulator
Below, you can see how #20d9fd 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.