#20caa6 Color Information
In a RGB color space, hex #20caa6 is composed of 12.5% red, 79.2% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 84.2% cyan, 0% magenta, 17.8% yellow and 20.8% black. It has a hue angle of 167.3 degrees, a saturation of 72.6% and a lightness of 45.9%. #20caa6 color hex could be obtained by blending #40ffff with #00954d. Closest websafe color is: #33cc99.
-
- R 13
- G 79
- B 65
-
- C 84
- M 0
- Y 18
- K 21
● #20caa6 color description : Strong cyan.
#20caa6 Color Conversion
The hexadecimal color #20caa6 has RGB values of R:32, G:202, B:166 and CMYK values of C:0.84, M:0, Y:0.18, K:0.21. Its decimal value is 2149030.
Hex triplet | 20caa6 | #20caa6 |
---|---|---|
RGB Decimal | 32, 202, 166 | rgb(32,202,166) |
RGB Percent | 12.5, 79.2, 65.1 | rgb(12.5%,79.2%,65.1%) |
CMYK | 84, 0, 18, 21 | |
HSL | 167.3°, 72.6, 45.9 | hsl(167.3,72.6%,45.9%) |
HSV (or HSB) | 167.3°, 84.2, 79.2 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 73.088, -48.961, 6.513 |
---|---|
XYZ | 28.597, 45.298, 43.311 |
xyY | 0.244, 0.386, 45.298 |
CIE-LCH | 73.088, 49.392, 172.423 |
CIE-LUV | 73.088, -58.283, 17.254 |
Hunter-Lab | 67.304, -41.94, 8.959 |
Binary | 00100000, 11001010, 10100110 |
Color Schemes with #20caa6
Alternatives to #20caa6
Below, you can see some colors close to #20caa6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20caa6 Preview
This text has a font color of #20caa6.
<span style="color:#20caa6;">Text here</span>
This paragraph has a background color of #20caa6.
<p style="background-color:#20caa6;">Content here</p>
This element has a border color of #20caa6.
<div style="border:1px solid #20caa6;">Content here</div>
.text {color:#20caa6;}
.background {background-color:#20caa6;}
.border {border:1px solid #20caa6;}
Shades and Tints of #20caa6
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)
-
#05211b
#05211b
rgb(5,33,27)
-
#083229
#083229
rgb(8,50,41)
-
#0b4337
#0b4337
rgb(11,67,55)
-
#0d5345
#0d5345
rgb(13,83,69)
-
#106453
#106453
rgb(16,100,83)
-
#137560
#137560
rgb(19,117,96)
-
#15866e
#15866e
rgb(21,134,110)
-
#18977c
#18977c
rgb(24,151,124)
-
#1ba88a
#1ba88a
rgb(27,168,138)
-
#1db998
#1db998
rgb(29,185,152)
-
#20caa6
#20caa6
rgb(32,202,166)
-
#23dbb4
#23dbb4
rgb(35,219,180)
-
#33dfba
#33dfba
rgb(51,223,186)
-
#44e1c0
#44e1c0
rgb(68,225,192)
-
#54e4c6
#54e4c6
rgb(84,228,198)
-
#65e7cb
#65e7cb
rgb(101,231,203)
-
#76e9d1
#76e9d1
rgb(118,233,209)
-
#87ecd7
#87ecd7
rgb(135,236,215)
-
#98efdc
#98efdc
rgb(152,239,220)
-
#a9f1e2
#a9f1e2
rgb(169,241,226)
-
#baf4e8
#baf4e8
rgb(186,244,232)
-
#cbf7ed
#cbf7ed
rgb(203,247,237)
-
#dcf9f3
#dcf9f3
rgb(220,249,243)
-
#edfcf9
#edfcf9
rgb(237,252,249)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #20caa6
A tone is produced by adding gray to any pure hue. In this case, #717977 is the less saturated color, while #05e5b6 is the most saturated one.
-
#717977
#717977
rgb(113,121,119)
-
#68827c
#68827c
rgb(104,130,124)
-
#5f8b82
#5f8b82
rgb(95,139,130)
-
#569487
#569487
rgb(86,148,135)
-
#4d9d8c
#4d9d8c
rgb(77,157,140)
-
#44a691
#44a691
rgb(68,166,145)
-
#3baf96
#3baf96
rgb(59,175,150)
-
#32b89c
#32b89c
rgb(50,184,156)
-
#29c1a1
#29c1a1
rgb(41,193,161)
-
#20caa6
#20caa6
rgb(32,202,166)
-
#17d3ab
#17d3ab
rgb(23,211,171)
-
#0edcb0
#0edcb0
rgb(14,220,176)
-
#05e5b6
#05e5b6
rgb(5,229,182)
Color Blindness Simulator
Below, you can see how #20caa6 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.