#20b2af Color Information
In a RGB color space, hex #20b2af is composed of 12.5% red, 69.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 0% magenta, 1.7% yellow and 30.2% black. It has a hue angle of 178.8 degrees, a saturation of 69.5% and a lightness of 41.2%. #20b2af color hex could be obtained by blending #40ffff with #00655f. Closest websafe color is: #339999.
-
- R 13
- G 70
- B 69
-
- C 82
- M 0
- Y 2
- K 30
● #20b2af color description : Dark cyan.
#20b2af Color Conversion
The hexadecimal color #20b2af has RGB values of R:32, G:178, B:175 and CMYK values of C:0.82, M:0, Y:0.02, K:0.3. Its decimal value is 2142895.
Hex triplet | 20b2af | #20b2af |
---|---|---|
RGB Decimal | 32, 178, 175 | rgb(32,178,175) |
RGB Percent | 12.5, 69.8, 68.6 | rgb(12.5%,69.8%,68.6%) |
CMYK | 82, 0, 2, 30 | |
HSL | 178.8°, 69.5, 41.2 | hsl(178.8,69.5%,41.2%) |
HSV (or HSB) | 178.8°, 82, 69.8 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 65.936, -36.041, -8.888 |
---|---|
XYZ | 24.251, 35.241, 46.079 |
xyY | 0.23, 0.334, 35.241 |
CIE-LCH | 65.936, 37.121, 193.854 |
CIE-LUV | 65.936, -49.265, -8.063 |
Hunter-Lab | 59.364, -30.965, -4.467 |
Binary | 00100000, 10110010, 10101111 |
Color Schemes with #20b2af
Alternatives to #20b2af
Below, you can see some colors close to #20b2af. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20b2af Preview
This text has a font color of #20b2af.
<span style="color:#20b2af;">Text here</span>
This paragraph has a background color of #20b2af.
<p style="background-color:#20b2af;">Content here</p>
This element has a border color of #20b2af.
<div style="border:1px solid #20b2af;">Content here</div>
.text {color:#20b2af;}
.background {background-color:#20b2af;}
.border {border:1px solid #20b2af;}
Shades and Tints of #20b2af
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, #020c0c is the darkest color, while #fafefe is the lightest one.
-
#020c0c
#020c0c
rgb(2,12,12)
-
#051c1c
#051c1c
rgb(5,28,28)
-
#082d2c
#082d2c
rgb(8,45,44)
-
#0b3e3d
#0b3e3d
rgb(11,62,61)
-
#0e4e4d
#0e4e4d
rgb(14,78,77)
-
#115f5d
#115f5d
rgb(17,95,93)
-
#146f6e
#146f6e
rgb(20,111,110)
-
#17807e
#17807e
rgb(23,128,126)
-
#1a918e
#1a918e
rgb(26,145,142)
-
#1da19f
#1da19f
rgb(29,161,159)
-
#20b2af
#20b2af
rgb(32,178,175)
-
#23c3bf
#23c3bf
rgb(35,195,191)
-
#26d3d0
#26d3d0
rgb(38,211,208)
-
#33dad7
#33dad7
rgb(51,218,215)
-
#43ddda
#43ddda
rgb(67,221,218)
-
#54e0dd
#54e0dd
rgb(84,224,221)
-
#64e3e1
#64e3e1
rgb(100,227,225)
-
#75e6e4
#75e6e4
rgb(117,230,228)
-
#86e9e7
#86e9e7
rgb(134,233,231)
-
#96ecea
#96ecea
rgb(150,236,234)
-
#a7efee
#a7efee
rgb(167,239,238)
-
#b8f2f1
#b8f2f1
rgb(184,242,241)
-
#c8f5f4
#c8f5f4
rgb(200,245,244)
-
#d9f8f8
#d9f8f8
rgb(217,248,248)
-
#e9fbfb
#e9fbfb
rgb(233,251,251)
-
#fafefe
#fafefe
rgb(250,254,254)
Tones of #20b2af
A tone is produced by adding gray to any pure hue. In this case, #696969 is the less saturated color, while #08cac6 is the most saturated one.
-
#696969
#696969
rgb(105,105,105)
-
#617171
#617171
rgb(97,113,113)
-
#597979
#597979
rgb(89,121,121)
-
#508281
#508281
rgb(80,130,129)
-
#488a88
#488a88
rgb(72,138,136)
-
#409290
#409290
rgb(64,146,144)
-
#389a98
#389a98
rgb(56,154,152)
-
#30a2a0
#30a2a0
rgb(48,162,160)
-
#28aaa7
#28aaa7
rgb(40,170,167)
-
#20b2af
#20b2af
rgb(32,178,175)
-
#18bab7
#18bab7
rgb(24,186,183)
-
#10c2be
#10c2be
rgb(16,194,190)
-
#08cac6
#08cac6
rgb(8,202,198)
Color Blindness Simulator
Below, you can see how #20b2af 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.