#20ba9f Color Information
In a RGB color space, hex #20ba9f is composed of 12.5% red, 72.9% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 82.8% cyan, 0% magenta, 14.5% yellow and 27.1% black. It has a hue angle of 169.5 degrees, a saturation of 70.6% and a lightness of 42.7%. #20ba9f color hex could be obtained by blending #40ffff with #00753f. Closest websafe color is: #33cc99.
-
- R 13
- G 73
- B 62
-
- C 83
- M 0
- Y 15
- K 27
● #20ba9f color description : Strong cyan.
#20ba9f Color Conversion
The hexadecimal color #20ba9f has RGB values of R:32, G:186, B:159 and CMYK values of C:0.83, M:0, Y:0.15, K:0.27. Its decimal value is 2144927.
Hex triplet | 20ba9f | #20ba9f |
---|---|---|
RGB Decimal | 32, 186, 159 | rgb(32,186,159) |
RGB Percent | 12.5, 72.9, 62.4 | rgb(12.5%,72.9%,62.4%) |
CMYK | 83, 0, 15, 27 | |
HSL | 169.5°, 70.6, 42.7 | hsl(169.5,70.6%,42.7%) |
HSV (or HSB) | 169.5°, 82.8, 72.9 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 67.966, -44.101, 2.936 |
---|---|
XYZ | 24.41, 37.926, 38.833 |
xyY | 0.241, 0.375, 37.926 |
CIE-LCH | 67.966, 44.199, 176.191 |
CIE-LUV | 67.966, -53.258, 11.09 |
Hunter-Lab | 61.584, -37.018, 5.722 |
Binary | 00100000, 10111010, 10011111 |
Color Schemes with #20ba9f
Alternatives to #20ba9f
Below, you can see some colors close to #20ba9f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20ba9f Preview
This text has a font color of #20ba9f.
<span style="color:#20ba9f;">Text here</span>
This paragraph has a background color of #20ba9f.
<p style="background-color:#20ba9f;">Content here</p>
This element has a border color of #20ba9f.
<div style="border:1px solid #20ba9f;">Content here</div>
.text {color:#20ba9f;}
.background {background-color:#20ba9f;}
.border {border:1px solid #20ba9f;}
Shades and Tints of #20ba9f
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, #000202 is the darkest color, while #f0fcfa is the lightest one.
-
#000202
#000202
rgb(0,2,2)
-
#031310
#031310
rgb(3,19,16)
-
#06231e
#06231e
rgb(6,35,30)
-
#09342d
#09342d
rgb(9,52,45)
-
#0c453b
#0c453b
rgb(12,69,59)
-
#0f5649
#0f5649
rgb(15,86,73)
-
#126657
#126657
rgb(18,102,87)
-
#147766
#147766
rgb(20,119,102)
-
#178874
#178874
rgb(23,136,116)
-
#1a9982
#1a9982
rgb(26,153,130)
-
#1da991
#1da991
rgb(29,169,145)
-
#20ba9f
#20ba9f
rgb(32,186,159)
-
#23cbad
#23cbad
rgb(35,203,173)
-
#27dabb
#27dabb
rgb(39,218,187)
-
#38ddc0
#38ddc0
rgb(56,221,192)
-
#49e0c5
#49e0c5
rgb(73,224,197)
-
#5ae3cb
#5ae3cb
rgb(90,227,203)
-
#6ae5d0
#6ae5d0
rgb(106,229,208)
-
#7be8d5
#7be8d5
rgb(123,232,213)
-
#8cebda
#8cebda
rgb(140,235,218)
-
#9ceee0
#9ceee0
rgb(156,238,224)
-
#adf1e5
#adf1e5
rgb(173,241,229)
-
#bef4ea
#bef4ea
rgb(190,244,234)
-
#cff7f0
#cff7f0
rgb(207,247,240)
-
#dffaf5
#dffaf5
rgb(223,250,245)
-
#f0fcfa
#f0fcfa
rgb(240,252,250)
Tones of #20ba9f
A tone is produced by adding gray to any pure hue. In this case, #6b6f6e is the less saturated color, while #07d3af is the most saturated one.
-
#6b6f6e
#6b6f6e
rgb(107,111,110)
-
#637773
#637773
rgb(99,119,115)
-
#5b7f79
#5b7f79
rgb(91,127,121)
-
#52887e
#52887e
rgb(82,136,126)
-
#4a9084
#4a9084
rgb(74,144,132)
-
#429889
#429889
rgb(66,152,137)
-
#39a18f
#39a18f
rgb(57,161,143)
-
#31a994
#31a994
rgb(49,169,148)
-
#28b29a
#28b29a
rgb(40,178,154)
-
#20ba9f
#20ba9f
rgb(32,186,159)
-
#18c2a4
#18c2a4
rgb(24,194,164)
-
#0fcbaa
#0fcbaa
rgb(15,203,170)
-
#07d3af
#07d3af
rgb(7,211,175)
Color Blindness Simulator
Below, you can see how #20ba9f 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.