#20a2ad Color Information
In a RGB color space, hex #20a2ad is composed of 12.5% red, 63.5% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 6.4% magenta, 0% yellow and 32.2% black. It has a hue angle of 184.7 degrees, a saturation of 68.8% and a lightness of 40.2%. #20a2ad color hex could be obtained by blending #40ffff with #00455b. Closest websafe color is: #339999.
-
- R 13
- G 64
- B 68
-
- C 82
- M 6
- Y 0
- K 32
● #20a2ad color description : Dark cyan.
#20a2ad Color Conversion
The hexadecimal color #20a2ad has RGB values of R:32, G:162, B:173 and CMYK values of C:0.82, M:0.06, Y:0, K:0.32. Its decimal value is 2138797.
Hex triplet | 20a2ad | #20a2ad |
---|---|---|
RGB Decimal | 32, 162, 173 | rgb(32,162,173) |
RGB Percent | 12.5, 63.5, 67.8 | rgb(12.5%,63.5%,67.8%) |
CMYK | 82, 6, 0, 32 | |
HSL | 184.7°, 68.8, 40.2 | hsl(184.7,68.8%,40.2%) |
HSV (or HSB) | 184.7°, 81.5, 67.8 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 60.925, -29.031, -15.292 |
---|---|
XYZ | 21.057, 29.163, 44.052 |
xyY | 0.223, 0.309, 29.163 |
CIE-LCH | 60.925, 32.812, 207.778 |
CIE-LUV | 60.925, -43.753, -18.987 |
Hunter-Lab | 54.003, -24.904, -10.563 |
Binary | 00100000, 10100010, 10101101 |
Color Schemes with #20a2ad
Alternatives to #20a2ad
Below, you can see some colors close to #20a2ad. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20a2ad Preview
This text has a font color of #20a2ad.
<span style="color:#20a2ad;">Text here</span>
This paragraph has a background color of #20a2ad.
<p style="background-color:#20a2ad;">Content here</p>
This element has a border color of #20a2ad.
<div style="border:1px solid #20a2ad;">Content here</div>
.text {color:#20a2ad;}
.background {background-color:#20a2ad;}
.border {border:1px solid #20a2ad;}
Shades and Tints of #20a2ad
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, #010707 is the darkest color, while #f6fdfd is the lightest one.
-
#010707
#010707
rgb(1,7,7)
-
#041618
#041618
rgb(4,22,24)
-
#082629
#082629
rgb(8,38,41)
-
#0b3539
#0b3539
rgb(11,53,57)
-
#0e454a
#0e454a
rgb(14,69,74)
-
#11545a
#11545a
rgb(17,84,90)
-
#14646b
#14646b
rgb(20,100,107)
-
#17737b
#17737b
rgb(23,115,123)
-
#1a838c
#1a838c
rgb(26,131,140)
-
#1d929c
#1d929c
rgb(29,146,156)
-
#20a2ad
#20a2ad
rgb(32,162,173)
-
#23b2be
#23b2be
rgb(35,178,190)
-
#26c1ce
#26c1ce
rgb(38,193,206)
-
#2fcbd9
#2fcbd9
rgb(47,203,217)
-
#40cfdc
#40cfdc
rgb(64,207,220)
-
#50d4df
#50d4df
rgb(80,212,223)
-
#61d8e2
#61d8e2
rgb(97,216,226)
-
#71dce5
#71dce5
rgb(113,220,229)
-
#82e0e8
#82e0e8
rgb(130,224,232)
-
#93e4eb
#93e4eb
rgb(147,228,235)
-
#a3e8ee
#a3e8ee
rgb(163,232,238)
-
#b4ecf1
#b4ecf1
rgb(180,236,241)
-
#c4f0f4
#c4f0f4
rgb(196,240,244)
-
#d5f5f7
#d5f5f7
rgb(213,245,247)
-
#e5f9fa
#e5f9fa
rgb(229,249,250)
-
#f6fdfd
#f6fdfd
rgb(246,253,253)
Tones of #20a2ad
A tone is produced by adding gray to any pure hue. In this case, #5f6d6e is the less saturated color, while #00bdcd is the most saturated one.
-
#5f6d6e
#5f6d6e
rgb(95,109,110)
-
#577376
#577376
rgb(87,115,118)
-
#4f7a7e
#4f7a7e
rgb(79,122,126)
-
#478186
#478186
rgb(71,129,134)
-
#40878d
#40878d
rgb(64,135,141)
-
#388e95
#388e95
rgb(56,142,149)
-
#30959d
#30959d
rgb(48,149,157)
-
#289ba5
#289ba5
rgb(40,155,165)
-
#20a2ad
#20a2ad
rgb(32,162,173)
-
#18a9b5
#18a9b5
rgb(24,169,181)
-
#10afbd
#10afbd
rgb(16,175,189)
-
#08b6c5
#08b6c5
rgb(8,182,197)
-
#00bdcd
#00bdcd
rgb(0,189,205)
Color Blindness Simulator
Below, you can see how #20a2ad 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.