#20b189 Color Information
In a RGB color space, hex #20b189 is composed of 12.5% red, 69.4% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 81.9% cyan, 0% magenta, 22.6% yellow and 30.6% black. It has a hue angle of 163.4 degrees, a saturation of 69.4% and a lightness of 41%. #20b189 color hex could be obtained by blending #40ffff with #006313. Closest websafe color is: #339999.
-
- R 13
- G 69
- B 54
-
- C 82
- M 0
- Y 23
- K 31
● #20b189 color description : Dark cyan - lime green.
#20b189 Color Conversion
The hexadecimal color #20b189 has RGB values of R:32, G:177, B:137 and CMYK values of C:0.82, M:0, Y:0.23, K:0.31. Its decimal value is 2142601.
| Hex triplet | 20b189 | #20b189 |
|---|---|---|
| RGB Decimal | 32, 177, 137 | rgb(32,177,137) |
| RGB Percent | 12.5, 69.4, 53.7 | rgb(12.5%,69.4%,53.7%) |
| CMYK | 82, 0, 23, 31 | |
| HSL | 163.4°, 69.4, 41 | hsl(163.4,69.4%,41%) |
| HSV (or HSB) | 163.4°, 81.9, 69.4 | |
| Web Safe | 339999 | #339999 |
| CIE-LAB | 64.608, -45.989, 10.234 |
|---|---|
| XYZ | 20.831, 33.555, 29.044 |
| xyY | 0.25, 0.402, 33.555 |
| CIE-LCH | 64.608, 47.114, 167.454 |
| CIE-LUV | 64.608, -51.679, 21.58 |
| Hunter-Lab | 57.927, -37.181, 10.821 |
| Binary | 00100000, 10110001, 10001001 |
Color Schemes with #20b189
Alternatives to #20b189
Below, you can see some colors close to #20b189. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20b189 Preview
This text has a font color of #20b189.
<span style="color:#20b189;">Text here</span>
This paragraph has a background color of #20b189.
<p style="background-color:#20b189;">Content here</p>
This element has a border color of #20b189.
<div style="border:1px solid #20b189;">Content here</div>
.text {color:#20b189;}
.background {background-color:#20b189;}
.border {border:1px solid #20b189;}
Shades and Tints of #20b189
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, #020b08 is the darkest color, while #f9fefd is the lightest one.
-
#020b08
#020b08rgb(2,11,8) -
#051b15
#051b15rgb(5,27,21) -
#082c22
#082c22rgb(8,44,34) -
#0b3d2f
#0b3d2frgb(11,61,47) -
#0e4d3c
#0e4d3crgb(14,77,60) -
#115e49
#115e49rgb(17,94,73) -
#146f56
#146f56rgb(20,111,86) -
#177f62
#177f62rgb(23,127,98) -
#1a906f
#1a906frgb(26,144,111) -
#1da07c
#1da07crgb(29,160,124) -
#20b189
#20b189rgb(32,177,137) -
#23c296
#23c296rgb(35,194,150) -
#26d2a3
#26d2a3rgb(38,210,163)
-
#32daac
#32daacrgb(50,218,172) -
#43ddb2
#43ddb2rgb(67,221,178) -
#53e0b9
#53e0b9rgb(83,224,185) -
#64e3c0
#64e3c0rgb(100,227,192) -
#74e6c7
#74e6c7rgb(116,230,199) -
#85e9cd
#85e9cdrgb(133,233,205) -
#96ecd4
#96ecd4rgb(150,236,212) -
#a6efdb
#a6efdbrgb(166,239,219) -
#b7f2e2
#b7f2e2rgb(183,242,226) -
#c7f5e8
#c7f5e8rgb(199,245,232) -
#d8f8ef
#d8f8efrgb(216,248,239) -
#e9fbf6
#e9fbf6rgb(233,251,246) -
#f9fefd
#f9fefdrgb(249,254,253)
Tones of #20b189
A tone is produced by adding gray to any pure hue. In this case, #686969 is the less saturated color, while #08c994 is the most saturated one.
-
#686969
#686969rgb(104,105,105) -
#60716c
#60716crgb(96,113,108) -
#587970
#587970rgb(88,121,112) -
#508173
#508173rgb(80,129,115) -
#488977
#488977rgb(72,137,119) -
#40917b
#40917brgb(64,145,123) -
#38997e
#38997ergb(56,153,126) -
#30a182
#30a182rgb(48,161,130) -
#28a985
#28a985rgb(40,169,133) -
#20b189
#20b189rgb(32,177,137) -
#18b98d
#18b98drgb(24,185,141) -
#10c190
#10c190rgb(16,193,144) -
#08c994
#08c994rgb(8,201,148)
Color Blindness Simulator
Below, you can see how #20b189 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.
