#20d4fd Color Information
In a RGB color space, hex #20d4fd is composed of 12.5% red, 83.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 16.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 191.1 degrees, a saturation of 98.2% and a lightness of 55.9%. #20d4fd color hex could be obtained by blending #40ffff with #00a9fb. Closest websafe color is: #33ccff.
-
- R 13
- G 83
- B 99
-
- C 87
- M 16
- Y 0
- K 1
● #20d4fd color description : Vivid cyan.
#20d4fd Color Conversion
The hexadecimal color #20d4fd has RGB values of R:32, G:212, B:253 and CMYK values of C:0.87, M:0.16, Y:0, K:0.01. Its decimal value is 2151677.
Hex triplet | 20d4fd | #20d4fd |
---|---|---|
RGB Decimal | 32, 212, 253 | rgb(32,212,253) |
RGB Percent | 12.5, 83.1, 99.2 | rgb(12.5%,83.1%,99.2%) |
CMYK | 87, 16, 0, 1 | |
HSL | 191.1°, 98.2, 55.9 | hsl(191.1,98.2%,55.9%) |
HSV (or HSB) | 191.1°, 87.4, 99.2 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 78.742, -27.944, -31.854 |
---|---|
XYZ | 41.864, 54.482, 101.233 |
xyY | 0.212, 0.276, 54.482 |
CIE-LCH | 78.742, 42.374, 228.741 |
CIE-LUV | 78.742, -55.101, -47.749 |
Hunter-Lab | 73.812, -27.931, -29.648 |
Binary | 00100000, 11010100, 11111101 |
Color Schemes with #20d4fd
Alternatives to #20d4fd
Below, you can see some colors close to #20d4fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20d4fd Preview
This text has a font color of #20d4fd.
<span style="color:#20d4fd;">Text here</span>
This paragraph has a background color of #20d4fd.
<p style="background-color:#20d4fd;">Content here</p>
This element has a border color of #20d4fd.
<div style="border:1px solid #20d4fd;">Content here</div>
.text {color:#20d4fd;}
.background {background-color:#20d4fd;}
.border {border:1px solid #20d4fd;}
Shades and Tints of #20d4fd
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)
-
#013845
#013845
rgb(1,56,69)
-
#014858
#014858
rgb(1,72,88)
-
#01586b
#01586b
rgb(1,88,107)
-
#01687f
#01687f
rgb(1,104,127)
-
#017792
#017792
rgb(1,119,146)
-
#0187a6
#0187a6
rgb(1,135,166)
-
#0297b9
#0297b9
rgb(2,151,185)
-
#02a7cd
#02a7cd
rgb(2,167,205)
-
#02b7e0
#02b7e0
rgb(2,183,224)
-
#02c7f4
#02c7f4
rgb(2,199,244)
-
#0dd0fd
#0dd0fd
rgb(13,208,253)
-
#20d4fd
#20d4fd
rgb(32,212,253)
-
#33d8fd
#33d8fd
rgb(51,216,253)
-
#47dbfd
#47dbfd
rgb(71,219,253)
-
#5adffe
#5adffe
rgb(90,223,254)
-
#6ee3fe
#6ee3fe
rgb(110,227,254)
-
#81e7fe
#81e7fe
rgb(129,231,254)
-
#95eafe
#95eafe
rgb(149,234,254)
-
#a8eefe
#a8eefe
rgb(168,238,254)
-
#bcf2fe
#bcf2fe
rgb(188,242,254)
-
#cff6ff
#cff6ff
rgb(207,246,255)
-
#e2f9ff
#e2f9ff
rgb(226,249,255)
-
#f6fdff
#f6fdff
rgb(246,253,255)
Tones of #20d4fd
A tone is produced by adding gray to any pure hue. In this case, #889395 is the less saturated color, while #20d4fd is the most saturated one.
-
#889395
#889395
rgb(136,147,149)
-
#7f989e
#7f989e
rgb(127,152,158)
-
#779ea6
#779ea6
rgb(119,158,166)
-
#6ea3af
#6ea3af
rgb(110,163,175)
-
#65a8b8
#65a8b8
rgb(101,168,184)
-
#5daec0
#5daec0
rgb(93,174,192)
-
#54b3c9
#54b3c9
rgb(84,179,201)
-
#4bb9d2
#4bb9d2
rgb(75,185,210)
-
#43beda
#43beda
rgb(67,190,218)
-
#3ac4e3
#3ac4e3
rgb(58,196,227)
-
#31c9ec
#31c9ec
rgb(49,201,236)
-
#29cff4
#29cff4
rgb(41,207,244)
-
#20d4fd
#20d4fd
rgb(32,212,253)
Color Blindness Simulator
Below, you can see how #20d4fd 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.