#20b2b0 Color Information
In a RGB color space, hex #20b2b0 is composed of 12.5% red, 69.8% green and 69% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 0% magenta, 1.1% yellow and 30.2% black. It has a hue angle of 179.2 degrees, a saturation of 69.5% and a lightness of 41.2%. #20b2b0 color hex could be obtained by blending #40ffff with #006561. Closest websafe color is: #339999.
-
- R 13
- G 70
- B 69
-
- C 82
- M 0
- Y 1
- K 30
● #20b2b0 color description : Dark cyan.
#20b2b0 Color Conversion
The hexadecimal color #20b2b0 has RGB values of R:32, G:178, B:176 and CMYK values of C:0.82, M:0, Y:0.01, K:0.3. Its decimal value is 2142896.
Hex triplet | 20b2b0 | #20b2b0 |
---|---|---|
RGB Decimal | 32, 178, 176 | rgb(32,178,176) |
RGB Percent | 12.5, 69.8, 69 | rgb(12.5%,69.8%,69%) |
CMYK | 82, 0, 1, 30 | |
HSL | 179.2°, 69.5, 41.2 | hsl(179.2,69.5%,41.2%) |
HSV (or HSB) | 179.2°, 82, 69.8 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 65.966, -35.744, -9.398 |
---|---|
XYZ | 24.35, 35.28, 46.598 |
xyY | 0.229, 0.332, 35.28 |
CIE-LCH | 65.966, 36.958, 194.731 |
CIE-LUV | 65.966, -49.191, -8.903 |
Hunter-Lab | 59.397, -30.768, -4.936 |
Binary | 00100000, 10110010, 10110000 |
Color Schemes with #20b2b0
Alternatives to #20b2b0
Below, you can see some colors close to #20b2b0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20b2b0 Preview
This text has a font color of #20b2b0.
<span style="color:#20b2b0;">Text here</span>
This paragraph has a background color of #20b2b0.
<p style="background-color:#20b2b0;">Content here</p>
This element has a border color of #20b2b0.
<div style="border:1px solid #20b2b0;">Content here</div>
.text {color:#20b2b0;}
.background {background-color:#20b2b0;}
.border {border:1px solid #20b2b0;}
Shades and Tints of #20b2b0
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)
-
#115f5e
#115f5e
rgb(17,95,94)
-
#146f6e
#146f6e
rgb(20,111,110)
-
#17807f
#17807f
rgb(23,128,127)
-
#1a918f
#1a918f
rgb(26,145,143)
-
#1da1a0
#1da1a0
rgb(29,161,160)
-
#20b2b0
#20b2b0
rgb(32,178,176)
-
#23c3c0
#23c3c0
rgb(35,195,192)
-
#26d3d1
#26d3d1
rgb(38,211,209)
-
#33dad8
#33dad8
rgb(51,218,216)
-
#43dddb
#43dddb
rgb(67,221,219)
-
#54e0de
#54e0de
rgb(84,224,222)
-
#64e3e1
#64e3e1
rgb(100,227,225)
-
#75e6e5
#75e6e5
rgb(117,230,229)
-
#86e9e8
#86e9e8
rgb(134,233,232)
-
#96eceb
#96eceb
rgb(150,236,235)
-
#a7efee
#a7efee
rgb(167,239,238)
-
#b8f2f1
#b8f2f1
rgb(184,242,241)
-
#c8f5f5
#c8f5f5
rgb(200,245,245)
-
#d9f8f8
#d9f8f8
rgb(217,248,248)
-
#e9fbfb
#e9fbfb
rgb(233,251,251)
-
#fafefe
#fafefe
rgb(250,254,254)
Tones of #20b2b0
A tone is produced by adding gray to any pure hue. In this case, #696969 is the less saturated color, while #08cac8 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)
-
#488a89
#488a89
rgb(72,138,137)
-
#409291
#409291
rgb(64,146,145)
-
#389a98
#389a98
rgb(56,154,152)
-
#30a2a0
#30a2a0
rgb(48,162,160)
-
#28aaa8
#28aaa8
rgb(40,170,168)
-
#20b2b0
#20b2b0
rgb(32,178,176)
-
#18bab8
#18bab8
rgb(24,186,184)
-
#10c2c0
#10c2c0
rgb(16,194,192)
-
#08cac8
#08cac8
rgb(8,202,200)
Color Blindness Simulator
Below, you can see how #20b2b0 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.