#20caa2 Color Information
In a RGB color space, hex #20caa2 is composed of 12.5% red, 79.2% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 0% magenta, 19.8% yellow and 20.8% black. It has a hue angle of 165.9 degrees, a saturation of 72.6% and a lightness of 45.9%. #20caa2 color hex could be obtained by blending #40ffff with #009545. Closest websafe color is: #33cc99.
-
- R 13
- G 79
- B 64
-
- C 84
- M 0
- Y 20
- K 21
● #20caa2 color description : Strong cyan.
#20caa2 Color Conversion
The hexadecimal color #20caa2 has RGB values of R:32, G:202, B:162 and CMYK values of C:0.84, M:0, Y:0.2, K:0.21. Its decimal value is 2149026.
Hex triplet | 20caa2 | #20caa2 |
---|---|---|
RGB Decimal | 32, 202, 162 | rgb(32,202,162) |
RGB Percent | 12.5, 79.2, 63.5 | rgb(12.5%,79.2%,63.5%) |
CMYK | 84, 0, 20, 21 | |
HSL | 165.9°, 72.6, 45.9 | hsl(165.9,72.6%,45.9%) |
HSV (or HSB) | 165.9°, 84.2, 79.2 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 72.993, -49.969, 8.535 |
---|---|
XYZ | 28.235, 45.154, 41.408 |
xyY | 0.246, 0.393, 45.154 |
CIE-LCH | 72.993, 50.693, 170.307 |
CIE-LUV | 72.993, -58.574, 20.327 |
Hunter-Lab | 67.197, -42.59, 10.502 |
Binary | 00100000, 11001010, 10100010 |
Color Schemes with #20caa2
Alternatives to #20caa2
Below, you can see some colors close to #20caa2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20caa2 Preview
This text has a font color of #20caa2.
<span style="color:#20caa2;">Text here</span>
This paragraph has a background color of #20caa2.
<p style="background-color:#20caa2;">Content here</p>
This element has a border color of #20caa2.
<div style="border:1px solid #20caa2;">Content here</div>
.text {color:#20caa2;}
.background {background-color:#20caa2;}
.border {border:1px solid #20caa2;}
Shades and Tints of #20caa2
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, #02100d is the darkest color, while #feffff is the lightest one.
-
#02100d
#02100d
rgb(2,16,13)
-
#05211a
#05211a
rgb(5,33,26)
-
#083228
#083228
rgb(8,50,40)
-
#0b4335
#0b4335
rgb(11,67,53)
-
#0d5343
#0d5343
rgb(13,83,67)
-
#106451
#106451
rgb(16,100,81)
-
#13755e
#13755e
rgb(19,117,94)
-
#15866c
#15866c
rgb(21,134,108)
-
#189779
#189779
rgb(24,151,121)
-
#1ba887
#1ba887
rgb(27,168,135)
-
#1db994
#1db994
rgb(29,185,148)
-
#20caa2
#20caa2
rgb(32,202,162)
-
#23dbb0
#23dbb0
rgb(35,219,176)
-
#33dfb6
#33dfb6
rgb(51,223,182)
-
#44e1bc
#44e1bc
rgb(68,225,188)
-
#54e4c2
#54e4c2
rgb(84,228,194)
-
#65e7c8
#65e7c8
rgb(101,231,200)
-
#76e9ce
#76e9ce
rgb(118,233,206)
-
#87ecd4
#87ecd4
rgb(135,236,212)
-
#98efda
#98efda
rgb(152,239,218)
-
#a9f1e0
#a9f1e0
rgb(169,241,224)
-
#baf4e6
#baf4e6
rgb(186,244,230)
-
#cbf7ec
#cbf7ec
rgb(203,247,236)
-
#dcf9f3
#dcf9f3
rgb(220,249,243)
-
#edfcf9
#edfcf9
rgb(237,252,249)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #20caa2
A tone is produced by adding gray to any pure hue. In this case, #717977 is the less saturated color, while #05e5b0 is the most saturated one.
-
#717977
#717977
rgb(113,121,119)
-
#68827c
#68827c
rgb(104,130,124)
-
#5f8b81
#5f8b81
rgb(95,139,129)
-
#569485
#569485
rgb(86,148,133)
-
#4d9d8a
#4d9d8a
rgb(77,157,138)
-
#44a68f
#44a68f
rgb(68,166,143)
-
#3baf94
#3baf94
rgb(59,175,148)
-
#32b898
#32b898
rgb(50,184,152)
-
#29c19d
#29c19d
rgb(41,193,157)
-
#20caa2
#20caa2
rgb(32,202,162)
-
#17d3a7
#17d3a7
rgb(23,211,167)
-
#0edcac
#0edcac
rgb(14,220,172)
-
#05e5b0
#05e5b0
rgb(5,229,176)
Color Blindness Simulator
Below, you can see how #20caa2 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.