#20a2cf Color Information
In a RGB color space, hex #20a2cf is composed of 12.5% red, 63.5% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 21.7% magenta, 0% yellow and 18.8% black. It has a hue angle of 195.4 degrees, a saturation of 73.2% and a lightness of 46.9%. #20a2cf color hex could be obtained by blending #40ffff with #00459f. Closest websafe color is: #3399cc.
-
- R 13
- G 64
- B 81
-
- C 85
- M 22
- Y 0
- K 19
● #20a2cf color description : Strong blue.
#20a2cf Color Conversion
The hexadecimal color #20a2cf has RGB values of R:32, G:162, B:207 and CMYK values of C:0.85, M:0.22, Y:0, K:0.19. Its decimal value is 2138831.
Hex triplet | 20a2cf | #20a2cf |
---|---|---|
RGB Decimal | 32, 162, 207 | rgb(32,162,207) |
RGB Percent | 12.5, 63.5, 81.2 | rgb(12.5%,63.5%,81.2%) |
CMYK | 85, 22, 0, 19 | |
HSL | 195.4°, 73.2, 46.9 | hsl(195.4,73.2%,46.9%) |
HSV (or HSB) | 195.4°, 84.5, 81.2 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 62.211, -17.721, -32.371 |
---|---|
XYZ | 24.776, 30.65, 63.638 |
xyY | 0.208, 0.257, 30.65 |
CIE-LCH | 62.211, 36.904, 241.302 |
CIE-LUV | 62.211, -41.342, -48.472 |
Hunter-Lab | 55.363, -17.004, -29.399 |
Binary | 00100000, 10100010, 11001111 |
Color Schemes with #20a2cf
Alternatives to #20a2cf
Below, you can see some colors close to #20a2cf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20a2cf Preview
This text has a font color of #20a2cf.
<span style="color:#20a2cf;">Text here</span>
This paragraph has a background color of #20a2cf.
<p style="background-color:#20a2cf;">Content here</p>
This element has a border color of #20a2cf.
<div style="border:1px solid #20a2cf;">Content here</div>
.text {color:#20a2cf;}
.background {background-color:#20a2cf;}
.border {border:1px solid #20a2cf;}
Shades and Tints of #20a2cf
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, #000203 is the darkest color, while #f1fafd is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#031014
#031014
rgb(3,16,20)
-
#061d25
#061d25
rgb(6,29,37)
-
#082a36
#082a36
rgb(8,42,54)
-
#0b3847
#0b3847
rgb(11,56,71)
-
#0e4558
#0e4558
rgb(14,69,88)
-
#105269
#105269
rgb(16,82,105)
-
#13607a
#13607a
rgb(19,96,122)
-
#156d8b
#156d8b
rgb(21,109,139)
-
#187a9c
#187a9c
rgb(24,122,156)
-
#1b87ad
#1b87ad
rgb(27,135,173)
-
#1d95be
#1d95be
rgb(29,149,190)
-
#20a2cf
#20a2cf
rgb(32,162,207)
-
#25aedd
#25aedd
rgb(37,174,221)
-
#36b4e0
#36b4e0
rgb(54,180,224)
-
#47bbe3
#47bbe3
rgb(71,187,227)
-
#58c1e5
#58c1e5
rgb(88,193,229)
-
#69c7e8
#69c7e8
rgb(105,199,232)
-
#7aceea
#7aceea
rgb(122,206,234)
-
#8bd4ed
#8bd4ed
rgb(139,212,237)
-
#9cdaf0
#9cdaf0
rgb(156,218,240)
-
#ade1f2
#ade1f2
rgb(173,225,242)
-
#bee7f5
#bee7f5
rgb(190,231,245)
-
#cfedf8
#cfedf8
rgb(207,237,248)
-
#e0f4fa
#e0f4fa
rgb(224,244,250)
-
#f1fafd
#f1fafd
rgb(241,250,253)
Tones of #20a2cf
A tone is produced by adding gray to any pure hue. In this case, #737a7c is the less saturated color, while #04afeb is the most saturated one.
-
#737a7c
#737a7c
rgb(115,122,124)
-
#6a7e85
#6a7e85
rgb(106,126,133)
-
#60838f
#60838f
rgb(96,131,143)
-
#578798
#578798
rgb(87,135,152)
-
#4e8ca1
#4e8ca1
rgb(78,140,161)
-
#4590aa
#4590aa
rgb(69,144,170)
-
#3c95b3
#3c95b3
rgb(60,149,179)
-
#3299bd
#3299bd
rgb(50,153,189)
-
#299ec6
#299ec6
rgb(41,158,198)
-
#20a2cf
#20a2cf
rgb(32,162,207)
-
#17a6d8
#17a6d8
rgb(23,166,216)
-
#0eabe1
#0eabe1
rgb(14,171,225)
-
#04afeb
#04afeb
rgb(4,175,235)
Color Blindness Simulator
Below, you can see how #20a2cf 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.