#20c2f9 Color Information
In a RGB color space, hex #20c2f9 is composed of 12.5% red, 76.1% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 87.1% cyan, 22.1% magenta, 0% yellow and 2.4% black. It has a hue angle of 195.2 degrees, a saturation of 94.8% and a lightness of 55.1%. #20c2f9 color hex could be obtained by blending #40ffff with #0085f3. Closest websafe color is: #33ccff.
-
- R 13
- G 76
- B 98
-
- C 87
- M 22
- Y 0
- K 2
● #20c2f9 color description : Vivid blue.
#20c2f9 Color Conversion
The hexadecimal color #20c2f9 has RGB values of R:32, G:194, B:249 and CMYK values of C:0.87, M:0.22, Y:0, K:0.02. Its decimal value is 2147065.
Hex triplet | 20c2f9 | #20c2f9 |
---|---|---|
RGB Decimal | 32, 194, 249 | rgb(32,194,249) |
RGB Percent | 12.5, 76.1, 97.6 | rgb(12.5%,76.1%,97.6%) |
CMYK | 87, 22, 0, 2 | |
HSL | 195.2°, 94.8, 55.1 | hsl(195.2,94.8%,55.1%) |
HSV (or HSB) | 195.2°, 87.1, 97.6 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 73.368, -20.183, -38.025 |
---|---|
XYZ | 36.982, 45.727, 96.494 |
xyY | 0.206, 0.255, 45.727 |
CIE-LCH | 73.368, 43.049, 242.041 |
CIE-LUV | 73.368, -49.329, -58.965 |
Hunter-Lab | 67.621, -20.717, -37.27 |
Binary | 00100000, 11000010, 11111001 |
Color Schemes with #20c2f9
Alternatives to #20c2f9
Below, you can see some colors close to #20c2f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20c2f9 Preview
This text has a font color of #20c2f9.
<span style="color:#20c2f9;">Text here</span>
This paragraph has a background color of #20c2f9.
<p style="background-color:#20c2f9;">Content here</p>
This element has a border color of #20c2f9.
<div style="border:1px solid #20c2f9;">Content here</div>
.text {color:#20c2f9;}
.background {background-color:#20c2f9;}
.border {border:1px solid #20c2f9;}
Shades and Tints of #20c2f9
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, #000506 is the darkest color, while #f2fbff is the lightest one.
-
#000506
#000506
rgb(0,5,6)
-
#011319
#011319
rgb(1,19,25)
-
#01212c
#01212c
rgb(1,33,44)
-
#023040
#023040
rgb(2,48,64)
-
#023e53
#023e53
rgb(2,62,83)
-
#034d66
#034d66
rgb(3,77,102)
-
#035b79
#035b79
rgb(3,91,121)
-
#04698c
#04698c
rgb(4,105,140)
-
#04789f
#04789f
rgb(4,120,159)
-
#0586b2
#0586b2
rgb(5,134,178)
-
#0595c5
#0595c5
rgb(5,149,197)
-
#06a3d8
#06a3d8
rgb(6,163,216)
-
#06b1eb
#06b1eb
rgb(6,177,235)
-
#0dbdf8
#0dbdf8
rgb(13,189,248)
-
#20c2f9
#20c2f9
rgb(32,194,249)
-
#33c7fa
#33c7fa
rgb(51,199,250)
-
#46ccfa
#46ccfa
rgb(70,204,250)
-
#59d2fb
#59d2fb
rgb(89,210,251)
-
#6cd7fb
#6cd7fb
rgb(108,215,251)
-
#80dcfc
#80dcfc
rgb(128,220,252)
-
#93e1fc
#93e1fc
rgb(147,225,252)
-
#a6e7fd
#a6e7fd
rgb(166,231,253)
-
#b9ecfd
#b9ecfd
rgb(185,236,253)
-
#ccf1fe
#ccf1fe
rgb(204,241,254)
-
#dff6fe
#dff6fe
rgb(223,246,254)
-
#f2fbff
#f2fbff
rgb(242,251,255)
Tones of #20c2f9
A tone is produced by adding gray to any pure hue. In this case, #8a8e8f is the less saturated color, while #20c2f9 is the most saturated one.
-
#8a8e8f
#8a8e8f
rgb(138,142,143)
-
#819298
#819298
rgb(129,146,152)
-
#7897a1
#7897a1
rgb(120,151,161)
-
#6f9baa
#6f9baa
rgb(111,155,170)
-
#669fb3
#669fb3
rgb(102,159,179)
-
#5ea4bb
#5ea4bb
rgb(94,164,187)
-
#55a8c4
#55a8c4
rgb(85,168,196)
-
#4caccd
#4caccd
rgb(76,172,205)
-
#43b1d6
#43b1d6
rgb(67,177,214)
-
#3ab5df
#3ab5df
rgb(58,181,223)
-
#32b9e7
#32b9e7
rgb(50,185,231)
-
#29bef0
#29bef0
rgb(41,190,240)
-
#20c2f9
#20c2f9
rgb(32,194,249)
Color Blindness Simulator
Below, you can see how #20c2f9 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.