#20d2fd Color Information
In a RGB color space, hex #20d2fd is composed of 12.5% red, 82.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 17% magenta, 0% yellow and 0.8% black. It has a hue angle of 191.7 degrees, a saturation of 98.2% and a lightness of 55.9%. #20d2fd color hex could be obtained by blending #40ffff with #00a5fb. Closest websafe color is: #33ccff.
-
- R 13
- G 82
- B 99
-
- C 87
- M 17
- Y 0
- K 1
● #20d2fd color description : Vivid cyan.
#20d2fd Color Conversion
The hexadecimal color #20d2fd has RGB values of R:32, G:210, B:253 and CMYK values of C:0.87, M:0.17, Y:0, K:0.01. Its decimal value is 2151165.
Hex triplet | 20d2fd | #20d2fd |
---|---|---|
RGB Decimal | 32, 210, 253 | rgb(32,210,253) |
RGB Percent | 12.5, 82.4, 99.2 | rgb(12.5%,82.4%,99.2%) |
CMYK | 87, 17, 0, 1 | |
HSL | 191.7°, 98.2, 55.9 | hsl(191.7,98.2%,55.9%) |
HSV (or HSB) | 191.7°, 87.4, 99.2 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 78.162, -26.957, -32.746 |
---|---|
XYZ | 41.367, 53.488, 101.067 |
xyY | 0.211, 0.273, 53.488 |
CIE-LCH | 78.162, 42.415, 230.539 |
CIE-LUV | 78.162, -54.427, -49.382 |
Hunter-Lab | 73.136, -27.024, -30.739 |
Binary | 00100000, 11010010, 11111101 |
Color Schemes with #20d2fd
Alternatives to #20d2fd
Below, you can see some colors close to #20d2fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20d2fd Preview
This text has a font color of #20d2fd.
<span style="color:#20d2fd;">Text here</span>
This paragraph has a background color of #20d2fd.
<p style="background-color:#20d2fd;">Content here</p>
This element has a border color of #20d2fd.
<div style="border:1px solid #20d2fd;">Content here</div>
.text {color:#20d2fd;}
.background {background-color:#20d2fd;}
.border {border:1px solid #20d2fd;}
Shades and Tints of #20d2fd
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, #00080a is the darkest color, while #f6fdff is the lightest one.
-
#00080a
#00080a
rgb(0,8,10)
-
#00181e
#00181e
rgb(0,24,30)
-
#002831
#002831
rgb(0,40,49)
-
#013745
#013745
rgb(1,55,69)
-
#014758
#014758
rgb(1,71,88)
-
#01576b
#01576b
rgb(1,87,107)
-
#01667f
#01667f
rgb(1,102,127)
-
#017692
#017692
rgb(1,118,146)
-
#0186a6
#0186a6
rgb(1,134,166)
-
#0296b9
#0296b9
rgb(2,150,185)
-
#02a5cd
#02a5cd
rgb(2,165,205)
-
#02b5e0
#02b5e0
rgb(2,181,224)
-
#02c5f4
#02c5f4
rgb(2,197,244)
-
#0dcefd
#0dcefd
rgb(13,206,253)
-
#20d2fd
#20d2fd
rgb(32,210,253)
-
#33d6fd
#33d6fd
rgb(51,214,253)
-
#47dafd
#47dafd
rgb(71,218,253)
-
#5adefe
#5adefe
rgb(90,222,254)
-
#6ee2fe
#6ee2fe
rgb(110,226,254)
-
#81e6fe
#81e6fe
rgb(129,230,254)
-
#95eafe
#95eafe
rgb(149,234,254)
-
#a8edfe
#a8edfe
rgb(168,237,254)
-
#bcf1fe
#bcf1fe
rgb(188,241,254)
-
#cff5ff
#cff5ff
rgb(207,245,255)
-
#e2f9ff
#e2f9ff
rgb(226,249,255)
-
#f6fdff
#f6fdff
rgb(246,253,255)
Tones of #20d2fd
A tone is produced by adding gray to any pure hue. In this case, #889395 is the less saturated color, while #20d2fd is the most saturated one.
-
#889395
#889395
rgb(136,147,149)
-
#7f989e
#7f989e
rgb(127,152,158)
-
#779da6
#779da6
rgb(119,157,166)
-
#6ea2af
#6ea2af
rgb(110,162,175)
-
#65a8b8
#65a8b8
rgb(101,168,184)
-
#5dadc0
#5dadc0
rgb(93,173,192)
-
#54b2c9
#54b2c9
rgb(84,178,201)
-
#4bb8d2
#4bb8d2
rgb(75,184,210)
-
#43bdda
#43bdda
rgb(67,189,218)
-
#3ac2e3
#3ac2e3
rgb(58,194,227)
-
#31c7ec
#31c7ec
rgb(49,199,236)
-
#29cdf4
#29cdf4
rgb(41,205,244)
-
#20d2fd
#20d2fd
rgb(32,210,253)
Color Blindness Simulator
Below, you can see how #20d2fd 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.