#20a2ce Color Information
In a RGB color space, hex #20a2ce is composed of 12.5% red, 63.5% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 21.4% magenta, 0% yellow and 19.2% black. It has a hue angle of 195.2 degrees, a saturation of 73.1% and a lightness of 46.7%. #20a2ce color hex could be obtained by blending #40ffff with #00459d. Closest websafe color is: #3399cc.
-
- R 13
- G 64
- B 81
-
- C 84
- M 21
- Y 0
- K 19
● #20a2ce color description : Strong blue.
#20a2ce Color Conversion
The hexadecimal color #20a2ce has RGB values of R:32, G:162, B:206 and CMYK values of C:0.84, M:0.21, Y:0, K:0.19. Its decimal value is 2138830.
Hex triplet | 20a2ce | #20a2ce |
---|---|---|
RGB Decimal | 32, 162, 206 | rgb(32,162,206) |
RGB Percent | 12.5, 63.5, 80.8 | rgb(12.5%,63.5%,80.8%) |
CMYK | 84, 21, 0, 19 | |
HSL | 195.2°, 73.1, 46.7 | hsl(195.2,73.1%,46.7%) |
HSV (or HSB) | 195.2°, 84.5, 80.8 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 62.17, -18.066, -31.878 |
---|---|
XYZ | 24.654, 30.602, 62.996 |
xyY | 0.208, 0.259, 30.602 |
CIE-LCH | 62.17, 36.642, 240.458 |
CIE-LUV | 62.17, -41.411, -47.603 |
Hunter-Lab | 55.319, -17.257, -28.796 |
Binary | 00100000, 10100010, 11001110 |
Color Schemes with #20a2ce
Alternatives to #20a2ce
Below, you can see some colors close to #20a2ce. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20a2ce Preview
This text has a font color of #20a2ce.
<span style="color:#20a2ce;">Text here</span>
This paragraph has a background color of #20a2ce.
<p style="background-color:#20a2ce;">Content here</p>
This element has a border color of #20a2ce.
<div style="border:1px solid #20a2ce;">Content here</div>
.text {color:#20a2ce;}
.background {background-color:#20a2ce;}
.border {border:1px solid #20a2ce;}
Shades and Tints of #20a2ce
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, #000202 is the darkest color, while #f0fafd is the lightest one.
-
#000202
#000202
rgb(0,2,2)
-
#030f13
#030f13
rgb(3,15,19)
-
#061c24
#061c24
rgb(6,28,36)
-
#082a35
#082a35
rgb(8,42,53)
-
#0b3746
#0b3746
rgb(11,55,70)
-
#0e4557
#0e4557
rgb(14,69,87)
-
#105268
#105268
rgb(16,82,104)
-
#135f79
#135f79
rgb(19,95,121)
-
#156d8a
#156d8a
rgb(21,109,138)
-
#187a9b
#187a9b
rgb(24,122,155)
-
#1b87ac
#1b87ac
rgb(27,135,172)
-
#1d95bd
#1d95bd
rgb(29,149,189)
-
#20a2ce
#20a2ce
rgb(32,162,206)
-
#25aedd
#25aedd
rgb(37,174,221)
-
#36b5e0
#36b5e0
rgb(54,181,224)
-
#47bbe2
#47bbe2
rgb(71,187,226)
-
#57c1e5
#57c1e5
rgb(87,193,229)
-
#68c7e8
#68c7e8
rgb(104,199,232)
-
#79ceea
#79ceea
rgb(121,206,234)
-
#8ad4ed
#8ad4ed
rgb(138,212,237)
-
#9bdaf0
#9bdaf0
rgb(155,218,240)
-
#ace1f2
#ace1f2
rgb(172,225,242)
-
#bde7f5
#bde7f5
rgb(189,231,245)
-
#ceedf7
#ceedf7
rgb(206,237,247)
-
#dff3fa
#dff3fa
rgb(223,243,250)
-
#f0fafd
#f0fafd
rgb(240,250,253)
Tones of #20a2ce
A tone is produced by adding gray to any pure hue. In this case, #72797c is the less saturated color, while #05b0e9 is the most saturated one.
-
#72797c
#72797c
rgb(114,121,124)
-
#697e85
#697e85
rgb(105,126,133)
-
#60828e
#60828e
rgb(96,130,142)
-
#578797
#578797
rgb(87,135,151)
-
#4e8ba0
#4e8ba0
rgb(78,139,160)
-
#4590a9
#4590a9
rgb(69,144,169)
-
#3b94b3
#3b94b3
rgb(59,148,179)
-
#3299bc
#3299bc
rgb(50,153,188)
-
#299dc5
#299dc5
rgb(41,157,197)
-
#20a2ce
#20a2ce
rgb(32,162,206)
-
#17a7d7
#17a7d7
rgb(23,167,215)
-
#0eabe0
#0eabe0
rgb(14,171,224)
-
#05b0e9
#05b0e9
rgb(5,176,233)
Color Blindness Simulator
Below, you can see how #20a2ce 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.