#20bb97 Color Information
In a RGB color space, hex #20bb97 is composed of 12.5% red, 73.3% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 82.9% cyan, 0% magenta, 19.3% yellow and 26.7% black. It has a hue angle of 166.1 degrees, a saturation of 70.8% and a lightness of 42.9%. #20bb97 color hex could be obtained by blending #40ffff with #00772f. Closest websafe color is: #33cc99.
-
- R 13
- G 73
- B 59
-
- C 83
- M 0
- Y 19
- K 27
● #20bb97 color description : Strong cyan.
#20bb97 Color Conversion
The hexadecimal color #20bb97 has RGB values of R:32, G:187, B:151 and CMYK values of C:0.83, M:0, Y:0.19, K:0.27. Its decimal value is 2145175.
Hex triplet | 20bb97 | #20bb97 |
---|---|---|
RGB Decimal | 32, 187, 151 | rgb(32,187,151) |
RGB Percent | 12.5, 73.3, 59.2 | rgb(12.5%,73.3%,59.2%) |
CMYK | 83, 0, 19, 27 | |
HSL | 166.1°, 70.8, 42.9 | hsl(166.1,70.8%,42.9%) |
HSV (or HSB) | 166.1°, 82.9, 73.3 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 68.079, -46.602, 7.487 |
---|---|
XYZ | 23.95, 38.08, 35.364 |
xyY | 0.246, 0.391, 38.08 |
CIE-LCH | 68.079, 47.199, 170.873 |
CIE-LUV | 68.079, -54.186, 18.05 |
Hunter-Lab | 61.709, -38.713, 9.218 |
Binary | 00100000, 10111011, 10010111 |
Color Schemes with #20bb97
Alternatives to #20bb97
Below, you can see some colors close to #20bb97. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20bb97 Preview
This text has a font color of #20bb97.
<span style="color:#20bb97;">Text here</span>
This paragraph has a background color of #20bb97.
<p style="background-color:#20bb97;">Content here</p>
This element has a border color of #20bb97.
<div style="border:1px solid #20bb97;">Content here</div>
.text {color:#20bb97;}
.background {background-color:#20bb97;}
.border {border:1px solid #20bb97;}
Shades and Tints of #20bb97
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, #000302 is the darkest color, while #f1fdfa is the lightest one.
-
#000302
#000302
rgb(0,3,2)
-
#031410
#031410
rgb(3,20,16)
-
#06241d
#06241d
rgb(6,36,29)
-
#09352b
#09352b
rgb(9,53,43)
-
#0c4638
#0c4638
rgb(12,70,56)
-
#0f5746
#0f5746
rgb(15,87,70)
-
#126753
#126753
rgb(18,103,83)
-
#157861
#157861
rgb(21,120,97)
-
#17896e
#17896e
rgb(23,137,110)
-
#1a9a7c
#1a9a7c
rgb(26,154,124)
-
#1daa89
#1daa89
rgb(29,170,137)
-
#20bb97
#20bb97
rgb(32,187,151)
-
#23cca5
#23cca5
rgb(35,204,165)
-
#28dab1
#28dab1
rgb(40,218,177)
-
#39ddb7
#39ddb7
rgb(57,221,183)
-
#4ae0bd
#4ae0bd
rgb(74,224,189)
-
#5ae3c3
#5ae3c3
rgb(90,227,195)
-
#6be6c9
#6be6c9
rgb(107,230,201)
-
#7ce9cf
#7ce9cf
rgb(124,233,207)
-
#8debd5
#8debd5
rgb(141,235,213)
-
#9deedb
#9deedb
rgb(157,238,219)
-
#aef1e2
#aef1e2
rgb(174,241,226)
-
#bff4e8
#bff4e8
rgb(191,244,232)
-
#d0f7ee
#d0f7ee
rgb(208,247,238)
-
#e0faf4
#e0faf4
rgb(224,250,244)
-
#f1fdfa
#f1fdfa
rgb(241,253,250)
Tones of #20bb97
A tone is produced by adding gray to any pure hue. In this case, #6c6f6e is the less saturated color, while #07d4a5 is the most saturated one.
-
#6c6f6e
#6c6f6e
rgb(108,111,110)
-
#637873
#637873
rgb(99,120,115)
-
#5b8077
#5b8077
rgb(91,128,119)
-
#53887c
#53887c
rgb(83,136,124)
-
#4a9180
#4a9180
rgb(74,145,128)
-
#429985
#429985
rgb(66,153,133)
-
#39a289
#39a289
rgb(57,162,137)
-
#31aa8e
#31aa8e
rgb(49,170,142)
-
#28b392
#28b392
rgb(40,179,146)
-
#20bb97
#20bb97
rgb(32,187,151)
-
#18c39c
#18c39c
rgb(24,195,156)
-
#0fcca0
#0fcca0
rgb(15,204,160)
-
#07d4a5
#07d4a5
rgb(7,212,165)
Color Blindness Simulator
Below, you can see how #20bb97 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.