#20aac7 Color Information
In a RGB color space, hex #20aac7 is composed of 12.5% red, 66.7% green and 78% blue. Whereas in a CMYK color space, it is composed of 83.9% cyan, 14.6% magenta, 0% yellow and 22% black. It has a hue angle of 190.4 degrees, a saturation of 72.3% and a lightness of 45.3%. #20aac7 color hex could be obtained by blending #40ffff with #00558f. Closest websafe color is: #3399cc.
-
- R 13
- G 67
- B 78
-
- C 84
- M 15
- Y 0
- K 22
● #20aac7 color description : Strong cyan.
#20aac7 Color Conversion
The hexadecimal color #20aac7 has RGB values of R:32, G:170, B:199 and CMYK values of C:0.84, M:0.15, Y:0, K:0.22. Its decimal value is 2140871.
| Hex triplet | 20aac7 | #20aac7 |
|---|---|---|
| RGB Decimal | 32, 170, 199 | rgb(32,170,199) |
| RGB Percent | 12.5, 66.7, 78 | rgb(12.5%,66.7%,78%) |
| CMYK | 84, 15, 0, 22 | |
| HSL | 190.4°, 72.3, 45.3 | hsl(190.4,72.3%,45.3%) |
| HSV (or HSB) | 190.4°, 83.9, 78 | |
| Web Safe | 3399cc | #3399cc |
| CIE-LAB | 64.304, -24.605, -24.69 |
|---|---|
| XYZ | 25.276, 33.178, 59.101 |
| xyY | 0.215, 0.282, 33.178 |
| CIE-LCH | 64.304, 34.857, 225.099 |
| CIE-LUV | 64.304, -44.685, -35.04 |
| Hunter-Lab | 57.6, -22.47, -20.515 |
| Binary | 00100000, 10101010, 11000111 |
Color Schemes with #20aac7
Alternatives to #20aac7
Below, you can see some colors close to #20aac7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20aac7 Preview
This text has a font color of #20aac7.
<span style="color:#20aac7;">Text here</span>
This paragraph has a background color of #20aac7.
<p style="background-color:#20aac7;">Content here</p>
This element has a border color of #20aac7.
<div style="border:1px solid #20aac7;">Content here</div>
.text {color:#20aac7;}
.background {background-color:#20aac7;}
.border {border:1px solid #20aac7;}
Shades and Tints of #20aac7
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, #020b0d is the darkest color, while #fbfefe is the lightest one.
-
#020b0d
#020b0drgb(2,11,13) -
#051a1e
#051a1ergb(5,26,30) -
#08282f
#08282frgb(8,40,47) -
#0a3740
#0a3740rgb(10,55,64) -
#0d4551
#0d4551rgb(13,69,81) -
#105362
#105362rgb(16,83,98) -
#126273
#126273rgb(18,98,115) -
#157083
#157083rgb(21,112,131) -
#187f94
#187f94rgb(24,127,148) -
#1b8da5
#1b8da5rgb(27,141,165) -
#1d9cb6
#1d9cb6rgb(29,156,182) -
#20aac7
#20aac7rgb(32,170,199) -
#23b8d8
#23b8d8rgb(35,184,216)
-
#30c0de
#30c0dergb(48,192,222) -
#41c5e1
#41c5e1rgb(65,197,225) -
#52cae3
#52cae3rgb(82,202,227) -
#63cfe6
#63cfe6rgb(99,207,230) -
#74d4e9
#74d4e9rgb(116,212,233) -
#85daeb
#85daebrgb(133,218,235) -
#96dfee
#96dfeergb(150,223,238) -
#a7e4f1
#a7e4f1rgb(167,228,241) -
#b8e9f4
#b8e9f4rgb(184,233,244) -
#c9eef6
#c9eef6rgb(201,238,246) -
#d9f3f9
#d9f3f9rgb(217,243,249) -
#eaf9fc
#eaf9fcrgb(234,249,252) -
#fbfefe
#fbfefergb(251,254,254)
Tones of #20aac7
A tone is produced by adding gray to any pure hue. In this case, #707677 is the less saturated color, while #05bbe2 is the most saturated one.
-
#707677
#707677rgb(112,118,119) -
#677c80
#677c80rgb(103,124,128) -
#5e8189
#5e8189rgb(94,129,137) -
#558792
#558792rgb(85,135,146) -
#4c8d9b
#4c8d9brgb(76,141,155) -
#4493a3
#4493a3rgb(68,147,163) -
#3b99ac
#3b99acrgb(59,153,172) -
#329eb5
#329eb5rgb(50,158,181) -
#29a4be
#29a4bergb(41,164,190) -
#20aac7
#20aac7rgb(32,170,199) -
#17b0d0
#17b0d0rgb(23,176,208) -
#0eb6d9
#0eb6d9rgb(14,182,217) -
#05bbe2
#05bbe2rgb(5,187,226)
Color Blindness Simulator
Below, you can see how #20aac7 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.
