#20afef Color Information
In a RGB color space, hex #20afef is composed of 12.5% red, 68.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 86.6% cyan, 26.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 198.6 degrees, a saturation of 86.6% and a lightness of 53.1%. #20afef color hex could be obtained by blending #40ffff with #005fdf. Closest websafe color is: #3399ff.
-
- R 13
- G 69
- B 94
-
- C 87
- M 27
- Y 0
- K 6
● #20afef color description : Vivid blue.
#20afef Color Conversion
The hexadecimal color #20afef has RGB values of R:32, G:175, B:239 and CMYK values of C:0.87, M:0.27, Y:0, K:0.06. Its decimal value is 2142191.
Hex triplet | 20afef | #20afef |
---|---|---|
RGB Decimal | 32, 175, 239 | rgb(32,175,239) |
RGB Percent | 12.5, 68.6, 93.7 | rgb(12.5%,68.6%,93.7%) |
CMYK | 87, 27, 0, 6 | |
HSL | 198.6°, 86.6, 53.1 | hsl(198.6,86.6%,53.1%) |
HSV (or HSB) | 198.6°, 86.6, 93.7 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 67.424, -13.565, -41.879 |
---|---|
XYZ | 31.502, 37.196, 87.176 |
xyY | 0.202, 0.239, 37.196 |
CIE-LCH | 67.424, 44.021, 252.052 |
CIE-LUV | 67.424, -43.62, -65.69 |
Hunter-Lab | 60.989, -14.532, -42.056 |
Binary | 00100000, 10101111, 11101111 |
Color Schemes with #20afef
Alternatives to #20afef
Below, you can see some colors close to #20afef. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20afef Preview
This text has a font color of #20afef.
<span style="color:#20afef;">Text here</span>
This paragraph has a background color of #20afef.
<p style="background-color:#20afef;">Content here</p>
This element has a border color of #20afef.
<div style="border:1px solid #20afef;">Content here</div>
.text {color:#20afef;}
.background {background-color:#20afef;}
.border {border:1px solid #20afef;}
Shades and Tints of #20afef
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, #010b0f is the darkest color, while #fcfeff is the lightest one.
-
#010b0f
#010b0f
rgb(1,11,15)
-
#021821
#021821
rgb(2,24,33)
-
#042534
#042534
rgb(4,37,52)
-
#053246
#053246
rgb(5,50,70)
-
#063f58
#063f58
rgb(6,63,88)
-
#084c6a
#084c6a
rgb(8,76,106)
-
#09597d
#09597d
rgb(9,89,125)
-
#0a668f
#0a668f
rgb(10,102,143)
-
#0c73a1
#0c73a1
rgb(12,115,161)
-
#0d80b4
#0d80b4
rgb(13,128,180)
-
#0e8dc6
#0e8dc6
rgb(14,141,198)
-
#109ad8
#109ad8
rgb(16,154,216)
-
#11a7eb
#11a7eb
rgb(17,167,235)
-
#20afef
#20afef
rgb(32,175,239)
-
#32b6f0
#32b6f0
rgb(50,182,240)
-
#45bcf2
#45bcf2
rgb(69,188,242)
-
#57c3f3
#57c3f3
rgb(87,195,243)
-
#69c9f4
#69c9f4
rgb(105,201,244)
-
#7cd0f6
#7cd0f6
rgb(124,208,246)
-
#8ed6f7
#8ed6f7
rgb(142,214,247)
-
#a0ddf8
#a0ddf8
rgb(160,221,248)
-
#b2e4fa
#b2e4fa
rgb(178,228,250)
-
#c5eafb
#c5eafb
rgb(197,234,251)
-
#d7f1fc
#d7f1fc
rgb(215,241,252)
-
#e9f7fd
#e9f7fd
rgb(233,247,253)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #20afef
A tone is produced by adding gray to any pure hue. In this case, #85888a is the less saturated color, while #17b3f8 is the most saturated one.
-
#85888a
#85888a
rgb(133,136,138)
-
#7c8c93
#7c8c93
rgb(124,140,147)
-
#738f9c
#738f9c
rgb(115,143,156)
-
#6a93a5
#6a93a5
rgb(106,147,165)
-
#6096af
#6096af
rgb(96,150,175)
-
#579ab8
#579ab8
rgb(87,154,184)
-
#4e9dc1
#4e9dc1
rgb(78,157,193)
-
#45a1ca
#45a1ca
rgb(69,161,202)
-
#3ca4d3
#3ca4d3
rgb(60,164,211)
-
#32a8dd
#32a8dd
rgb(50,168,221)
-
#29abe6
#29abe6
rgb(41,171,230)
-
#20afef
#20afef
rgb(32,175,239)
-
#17b3f8
#17b3f8
rgb(23,179,248)
Color Blindness Simulator
Below, you can see how #20afef 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.