#20c5fd Color Information
In a RGB color space, hex #20c5fd is composed of 12.5% red, 77.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 22.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 195.2 degrees, a saturation of 98.2% and a lightness of 55.9%. #20c5fd color hex could be obtained by blending #40ffff with #008bfb. Closest websafe color is: #33ccff.
-
- R 13
- G 77
- B 99
-
- C 87
- M 22
- Y 0
- K 1
● #20c5fd color description : Vivid blue.
#20c5fd Color Conversion
The hexadecimal color #20c5fd has RGB values of R:32, G:197, B:253 and CMYK values of C:0.87, M:0.22, Y:0, K:0.01. Its decimal value is 2147837.
Hex triplet | 20c5fd | #20c5fd |
---|---|---|
RGB Decimal | 32, 197, 253 | rgb(32,197,253) |
RGB Percent | 12.5, 77.3, 99.2 | rgb(12.5%,77.3%,99.2%) |
CMYK | 87, 22, 0, 1 | |
HSL | 195.2°, 98.2, 55.9 | hsl(195.2,98.2%,55.9%) |
HSV (or HSB) | 195.2°, 87.4, 99.2 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 74.399, -20.384, -38.572 |
---|---|
XYZ | 38.287, 47.328, 100.04 |
xyY | 0.206, 0.255, 47.328 |
CIE-LCH | 74.399, 43.627, 242.146 |
CIE-LUV | 74.399, -50.054, -59.986 |
Hunter-Lab | 68.795, -21.05, -38.062 |
Binary | 00100000, 11000101, 11111101 |
Color Schemes with #20c5fd
Alternatives to #20c5fd
Below, you can see some colors close to #20c5fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20c5fd Preview
This text has a font color of #20c5fd.
<span style="color:#20c5fd;">Text here</span>
This paragraph has a background color of #20c5fd.
<p style="background-color:#20c5fd;">Content here</p>
This element has a border color of #20c5fd.
<div style="border:1px solid #20c5fd;">Content here</div>
.text {color:#20c5fd;}
.background {background-color:#20c5fd;}
.border {border:1px solid #20c5fd;}
Shades and Tints of #20c5fd
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)
-
#00161e
#00161e
rgb(0,22,30)
-
#002531
#002531
rgb(0,37,49)
-
#013345
#013345
rgb(1,51,69)
-
#014258
#014258
rgb(1,66,88)
-
#01516b
#01516b
rgb(1,81,107)
-
#015f7f
#015f7f
rgb(1,95,127)
-
#016e92
#016e92
rgb(1,110,146)
-
#017ca6
#017ca6
rgb(1,124,166)
-
#028bb9
#028bb9
rgb(2,139,185)
-
#0299cd
#0299cd
rgb(2,153,205)
-
#02a8e0
#02a8e0
rgb(2,168,224)
-
#02b6f4
#02b6f4
rgb(2,182,244)
-
#0dc0fd
#0dc0fd
rgb(13,192,253)
-
#20c5fd
#20c5fd
rgb(32,197,253)
-
#33cafd
#33cafd
rgb(51,202,253)
-
#47cffd
#47cffd
rgb(71,207,253)
-
#5ad4fe
#5ad4fe
rgb(90,212,254)
-
#6ed9fe
#6ed9fe
rgb(110,217,254)
-
#81defe
#81defe
rgb(129,222,254)
-
#95e3fe
#95e3fe
rgb(149,227,254)
-
#a8e8fe
#a8e8fe
rgb(168,232,254)
-
#bcedfe
#bcedfe
rgb(188,237,254)
-
#cff3ff
#cff3ff
rgb(207,243,255)
-
#e2f8ff
#e2f8ff
rgb(226,248,255)
-
#f6fdff
#f6fdff
rgb(246,253,255)
Tones of #20c5fd
A tone is produced by adding gray to any pure hue. In this case, #889295 is the less saturated color, while #20c5fd is the most saturated one.
-
#889295
#889295
rgb(136,146,149)
-
#7f969e
#7f969e
rgb(127,150,158)
-
#779aa6
#779aa6
rgb(119,154,166)
-
#6e9faf
#6e9faf
rgb(110,159,175)
-
#65a3b8
#65a3b8
rgb(101,163,184)
-
#5da7c0
#5da7c0
rgb(93,167,192)
-
#54abc9
#54abc9
rgb(84,171,201)
-
#4bb0d2
#4bb0d2
rgb(75,176,210)
-
#43b4da
#43b4da
rgb(67,180,218)
-
#3ab8e3
#3ab8e3
rgb(58,184,227)
-
#31bcec
#31bcec
rgb(49,188,236)
-
#29c1f4
#29c1f4
rgb(41,193,244)
-
#20c5fd
#20c5fd
rgb(32,197,253)
Color Blindness Simulator
Below, you can see how #20c5fd 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.