#20caa1 Color Information
In a RGB color space, hex #20caa1 is composed of 12.5% red, 79.2% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 0% magenta, 20.3% yellow and 20.8% black. It has a hue angle of 165.5 degrees, a saturation of 72.6% and a lightness of 45.9%. #20caa1 color hex could be obtained by blending #40ffff with #009543. Closest websafe color is: #33cc99.
-
- R 13
- G 79
- B 63
-
- C 84
- M 0
- Y 20
- K 21
● #20caa1 color description : Strong cyan.
#20caa1 Color Conversion
The hexadecimal color #20caa1 has RGB values of R:32, G:202, B:161 and CMYK values of C:0.84, M:0, Y:0.2, K:0.21. Its decimal value is 2149025.
Hex triplet | 20caa1 | #20caa1 |
---|---|---|
RGB Decimal | 32, 202, 161 | rgb(32,202,161) |
RGB Percent | 12.5, 79.2, 63.1 | rgb(12.5%,79.2%,63.1%) |
CMYK | 84, 0, 20, 21 | |
HSL | 165.5°, 72.6, 45.9 | hsl(165.5,72.6%,45.9%) |
HSV (or HSB) | 165.5°, 84.2, 79.2 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 72.97, -50.218, 9.041 |
---|---|
XYZ | 28.147, 45.118, 40.942 |
xyY | 0.246, 0.395, 45.118 |
CIE-LCH | 72.97, 51.025, 169.794 |
CIE-LUV | 72.97, -58.647, 21.088 |
Hunter-Lab | 67.17, -42.75, 10.881 |
Binary | 00100000, 11001010, 10100001 |
Color Schemes with #20caa1
Alternatives to #20caa1
Below, you can see some colors close to #20caa1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20caa1 Preview
This text has a font color of #20caa1.
<span style="color:#20caa1;">Text here</span>
This paragraph has a background color of #20caa1.
<p style="background-color:#20caa1;">Content here</p>
This element has a border color of #20caa1.
<div style="border:1px solid #20caa1;">Content here</div>
.text {color:#20caa1;}
.background {background-color:#20caa1;}
.border {border:1px solid #20caa1;}
Shades and Tints of #20caa1
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)
-
#106450
#106450
rgb(16,100,80)
-
#13755e
#13755e
rgb(19,117,94)
-
#15866b
#15866b
rgb(21,134,107)
-
#189779
#189779
rgb(24,151,121)
-
#1ba886
#1ba886
rgb(27,168,134)
-
#1db994
#1db994
rgb(29,185,148)
-
#20caa1
#20caa1
rgb(32,202,161)
-
#23dbae
#23dbae
rgb(35,219,174)
-
#33dfb5
#33dfb5
rgb(51,223,181)
-
#44e1bb
#44e1bb
rgb(68,225,187)
-
#54e4c1
#54e4c1
rgb(84,228,193)
-
#65e7c7
#65e7c7
rgb(101,231,199)
-
#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)
-
#dcf9f2
#dcf9f2
rgb(220,249,242)
-
#edfcf8
#edfcf8
rgb(237,252,248)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #20caa1
A tone is produced by adding gray to any pure hue. In this case, #717977 is the less saturated color, while #05e5af is the most saturated one.
-
#717977
#717977
rgb(113,121,119)
-
#68827c
#68827c
rgb(104,130,124)
-
#5f8b80
#5f8b80
rgb(95,139,128)
-
#569485
#569485
rgb(86,148,133)
-
#4d9d8a
#4d9d8a
rgb(77,157,138)
-
#44a68e
#44a68e
rgb(68,166,142)
-
#3baf93
#3baf93
rgb(59,175,147)
-
#32b898
#32b898
rgb(50,184,152)
-
#29c19c
#29c19c
rgb(41,193,156)
-
#20caa1
#20caa1
rgb(32,202,161)
-
#17d3a6
#17d3a6
rgb(23,211,166)
-
#0edcaa
#0edcaa
rgb(14,220,170)
-
#05e5af
#05e5af
rgb(5,229,175)
Color Blindness Simulator
Below, you can see how #20caa1 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.