#20b997 Color Information
In a RGB color space, hex #20b997 is composed of 12.5% red, 72.5% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 82.7% cyan, 0% magenta, 18.4% yellow and 27.5% black. It has a hue angle of 166.7 degrees, a saturation of 70.5% and a lightness of 42.5%. #20b997 color hex could be obtained by blending #40ffff with #00732f. Closest websafe color is: #33cc99.
-
- R 13
- G 73
- B 59
-
- C 83
- M 0
- Y 18
- K 27
● #20b997 color description : Strong cyan.
#20b997 Color Conversion
The hexadecimal color #20b997 has RGB values of R:32, G:185, B:151 and CMYK values of C:0.83, M:0, Y:0.18, K:0.27. Its decimal value is 2144663.
Hex triplet | 20b997 | #20b997 |
---|---|---|
RGB Decimal | 32, 185, 151 | rgb(32,185,151) |
RGB Percent | 12.5, 72.5, 59.2 | rgb(12.5%,72.5%,59.2%) |
CMYK | 83, 0, 18, 27 | |
HSL | 166.7°, 70.5, 42.5 | hsl(166.7,70.5%,42.5%) |
HSV (or HSB) | 166.7°, 82.7, 72.5 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 67.454, -45.771, 6.592 |
---|---|
XYZ | 23.528, 37.237, 35.224 |
xyY | 0.245, 0.388, 37.237 |
CIE-LCH | 67.454, 46.244, 171.805 |
CIE-LUV | 67.454, -53.489, 16.617 |
Hunter-Lab | 61.022, -37.964, 8.491 |
Binary | 00100000, 10111001, 10010111 |
Color Schemes with #20b997
Alternatives to #20b997
Below, you can see some colors close to #20b997. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20b997 Preview
This text has a font color of #20b997.
<span style="color:#20b997;">Text here</span>
This paragraph has a background color of #20b997.
<p style="background-color:#20b997;">Content here</p>
This element has a border color of #20b997.
<div style="border:1px solid #20b997;">Content here</div>
.text {color:#20b997;}
.background {background-color:#20b997;}
.border {border:1px solid #20b997;}
Shades and Tints of #20b997
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, #000101 is the darkest color, while #effcf9 is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#03120f
#03120f
rgb(3,18,15)
-
#06221c
#06221c
rgb(6,34,28)
-
#09332a
#09332a
rgb(9,51,42)
-
#0c4437
#0c4437
rgb(12,68,55)
-
#0f5545
#0f5545
rgb(15,85,69)
-
#126553
#126553
rgb(18,101,83)
-
#147660
#147660
rgb(20,118,96)
-
#17876e
#17876e
rgb(23,135,110)
-
#1a987c
#1a987c
rgb(26,152,124)
-
#1da889
#1da889
rgb(29,168,137)
-
#20b997
#20b997
rgb(32,185,151)
-
#23caa5
#23caa5
rgb(35,202,165)
-
#27dab2
#27dab2
rgb(39,218,178)
-
#37dcb8
#37dcb8
rgb(55,220,184)
-
#48dfbe
#48dfbe
rgb(72,223,190)
-
#59e2c4
#59e2c4
rgb(89,226,196)
-
#6ae5ca
#6ae5ca
rgb(106,229,202)
-
#7ae8d0
#7ae8d0
rgb(122,232,208)
-
#8bebd6
#8bebd6
rgb(139,235,214)
-
#9ceedc
#9ceedc
rgb(156,238,220)
-
#acf1e2
#acf1e2
rgb(172,241,226)
-
#bdf4e8
#bdf4e8
rgb(189,244,232)
-
#cef7ed
#cef7ed
rgb(206,247,237)
-
#dff9f3
#dff9f3
rgb(223,249,243)
-
#effcf9
#effcf9
rgb(239,252,249)
Tones of #20b997
A tone is produced by adding gray to any pure hue. In this case, #6b6e6d is the less saturated color, while #07d2a5 is the most saturated one.
-
#6b6e6d
#6b6e6d
rgb(107,110,109)
-
#637672
#637672
rgb(99,118,114)
-
#5a7f77
#5a7f77
rgb(90,127,119)
-
#52877b
#52877b
rgb(82,135,123)
-
#4a8f80
#4a8f80
rgb(74,143,128)
-
#419884
#419884
rgb(65,152,132)
-
#39a089
#39a089
rgb(57,160,137)
-
#31a88e
#31a88e
rgb(49,168,142)
-
#28b192
#28b192
rgb(40,177,146)
-
#20b997
#20b997
rgb(32,185,151)
-
#18c19c
#18c19c
rgb(24,193,156)
-
#0fcaa0
#0fcaa0
rgb(15,202,160)
-
#07d2a5
#07d2a5
rgb(7,210,165)
Color Blindness Simulator
Below, you can see how #20b997 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.