#20a7af Color Information
In a RGB color space, hex #20a7af is composed of 12.5% red, 65.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 81.7% cyan, 4.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 183.4 degrees, a saturation of 69.1% and a lightness of 40.6%. #20a7af color hex could be obtained by blending #40ffff with #004f5f. Closest websafe color is: #339999.
-
- R 13
- G 65
- B 69
-
- C 82
- M 5
- Y 0
- K 31
● #20a7af color description : Dark cyan.
#20a7af Color Conversion
The hexadecimal color #20a7af has RGB values of R:32, G:167, B:175 and CMYK values of C:0.82, M:0.05, Y:0, K:0.31. Its decimal value is 2140079.
Hex triplet | 20a7af | #20a7af |
---|---|---|
RGB Decimal | 32, 167, 175 | rgb(32,167,175) |
RGB Percent | 12.5, 65.5, 68.6 | rgb(12.5%,65.5%,68.6%) |
CMYK | 82, 5, 0, 31 | |
HSL | 183.4°, 69.1, 40.6 | hsl(183.4,69.1%,40.6%) |
HSV (or HSB) | 183.4°, 81.7, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 62.539, -30.84, -13.979 |
---|---|
XYZ | 22.15, 31.037, 45.379 |
xyY | 0.225, 0.315, 31.037 |
CIE-LCH | 62.539, 33.861, 204.384 |
CIE-LUV | 62.539, -45.381, -16.724 |
Hunter-Lab | 55.711, -26.526, -9.296 |
Binary | 00100000, 10100111, 10101111 |
Color Schemes with #20a7af
Alternatives to #20a7af
Below, you can see some colors close to #20a7af. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20a7af Preview
This text has a font color of #20a7af.
<span style="color:#20a7af;">Text here</span>
This paragraph has a background color of #20a7af.
<p style="background-color:#20a7af;">Content here</p>
This element has a border color of #20a7af.
<div style="border:1px solid #20a7af;">Content here</div>
.text {color:#20a7af;}
.background {background-color:#20a7af;}
.border {border:1px solid #20a7af;}
Shades and Tints of #20a7af
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, #020909 is the darkest color, while #f8fdfe is the lightest one.
-
#020909
#020909
rgb(2,9,9)
-
#05191a
#05191a
rgb(5,25,26)
-
#08282a
#08282a
rgb(8,40,42)
-
#0b383b
#0b383b
rgb(11,56,59)
-
#0e484c
#0e484c
rgb(14,72,76)
-
#11585c
#11585c
rgb(17,88,92)
-
#14686d
#14686d
rgb(20,104,109)
-
#17787d
#17787d
rgb(23,120,125)
-
#1a878e
#1a878e
rgb(26,135,142)
-
#1d979e
#1d979e
rgb(29,151,158)
-
#20a7af
#20a7af
rgb(32,167,175)
-
#23b7c0
#23b7c0
rgb(35,183,192)
-
#26c7d0
#26c7d0
rgb(38,199,208)
-
#31d0d9
#31d0d9
rgb(49,208,217)
-
#41d4dc
#41d4dc
rgb(65,212,220)
-
#52d7df
#52d7df
rgb(82,215,223)
-
#62dbe2
#62dbe2
rgb(98,219,226)
-
#73dfe5
#73dfe5
rgb(115,223,229)
-
#84e3e8
#84e3e8
rgb(132,227,232)
-
#94e7eb
#94e7eb
rgb(148,231,235)
-
#a5eaee
#a5eaee
rgb(165,234,238)
-
#b5eef2
#b5eef2
rgb(181,238,242)
-
#c6f2f5
#c6f2f5
rgb(198,242,245)
-
#d6f6f8
#d6f6f8
rgb(214,246,248)
-
#e7fafb
#e7fafb
rgb(231,250,251)
-
#f8fdfe
#f8fdfe
rgb(248,253,254)
Tones of #20a7af
A tone is produced by adding gray to any pure hue. In this case, #606e6f is the less saturated color, while #00c3cf is the most saturated one.
-
#606e6f
#606e6f
rgb(96,110,111)
-
#587677
#587677
rgb(88,118,119)
-
#507d7f
#507d7f
rgb(80,125,127)
-
#488487
#488487
rgb(72,132,135)
-
#408b8f
#408b8f
rgb(64,139,143)
-
#389297
#389297
rgb(56,146,151)
-
#30999f
#30999f
rgb(48,153,159)
-
#28a0a7
#28a0a7
rgb(40,160,167)
-
#20a7af
#20a7af
rgb(32,167,175)
-
#18aeb7
#18aeb7
rgb(24,174,183)
-
#10b5bf
#10b5bf
rgb(16,181,191)
-
#08bcc7
#08bcc7
rgb(8,188,199)
-
#00c3cf
#00c3cf
rgb(0,195,207)
Color Blindness Simulator
Below, you can see how #20a7af 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.