#20b396 Color Information
In a RGB color space, hex #20b396 is composed of 12.5% red, 70.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 82.1% cyan, 0% magenta, 16.2% yellow and 29.8% black. It has a hue angle of 168.2 degrees, a saturation of 69.7% and a lightness of 41.4%. #20b396 color hex could be obtained by blending #40ffff with #00672d. Closest websafe color is: #33cc99.
-
- R 13
- G 70
- B 59
-
- C 82
- M 0
- Y 16
- K 30
● #20b396 color description : Strong cyan.
#20b396 Color Conversion
The hexadecimal color #20b396 has RGB values of R:32, G:179, B:150 and CMYK values of C:0.82, M:0, Y:0.16, K:0.3. Its decimal value is 2143126.
Hex triplet | 20b396 | #20b396 |
---|---|---|
RGB Decimal | 32, 179, 150 | rgb(32,179,150) |
RGB Percent | 12.5, 70.2, 58.8 | rgb(12.5%,70.2%,58.8%) |
CMYK | 82, 0, 16, 30 | |
HSL | 168.2°, 69.7, 41.4 | hsl(168.2,69.7%,41.4%) |
HSV (or HSB) | 168.2°, 82.1, 70.2 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 65.551, -43.505, 4.405 |
---|---|
XYZ | 22.219, 34.747, 34.388 |
xyY | 0.243, 0.38, 34.747 |
CIE-LCH | 65.551, 43.727, 174.219 |
CIE-LUV | 65.551, -51.46, 13.05 |
Hunter-Lab | 58.947, -35.874, 6.674 |
Binary | 00100000, 10110011, 10010110 |
Color Schemes with #20b396
Alternatives to #20b396
Below, you can see some colors close to #20b396. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20b396 Preview
This text has a font color of #20b396.
<span style="color:#20b396;">Text here</span>
This paragraph has a background color of #20b396.
<p style="background-color:#20b396;">Content here</p>
This element has a border color of #20b396.
<div style="border:1px solid #20b396;">Content here</div>
.text {color:#20b396;}
.background {background-color:#20b396;}
.border {border:1px solid #20b396;}
Shades and Tints of #20b396
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, #020d0b is the darkest color, while #fbfefe is the lightest one.
-
#020d0b
#020d0b
rgb(2,13,11)
-
#051d18
#051d18
rgb(5,29,24)
-
#082e26
#082e26
rgb(8,46,38)
-
#0b3f34
#0b3f34
rgb(11,63,52)
-
#0e4f42
#0e4f42
rgb(14,79,66)
-
#116050
#116050
rgb(17,96,80)
-
#14705e
#14705e
rgb(20,112,94)
-
#17816c
#17816c
rgb(23,129,108)
-
#1a927a
#1a927a
rgb(26,146,122)
-
#1da288
#1da288
rgb(29,162,136)
-
#20b396
#20b396
rgb(32,179,150)
-
#23c4a4
#23c4a4
rgb(35,196,164)
-
#26d4b2
#26d4b2
rgb(38,212,178)
-
#33dbba
#33dbba
rgb(51,219,186)
-
#44debf
#44debf
rgb(68,222,191)
-
#55e1c5
#55e1c5
rgb(85,225,197)
-
#65e4cb
#65e4cb
rgb(101,228,203)
-
#76e6d0
#76e6d0
rgb(118,230,208)
-
#86e9d6
#86e9d6
rgb(134,233,214)
-
#97ecdc
#97ecdc
rgb(151,236,220)
-
#a8efe1
#a8efe1
rgb(168,239,225)
-
#b8f2e7
#b8f2e7
rgb(184,242,231)
-
#c9f5ed
#c9f5ed
rgb(201,245,237)
-
#daf8f2
#daf8f2
rgb(218,248,242)
-
#eafbf8
#eafbf8
rgb(234,251,248)
-
#fbfefe
#fbfefe
rgb(251,254,254)
Tones of #20b396
A tone is produced by adding gray to any pure hue. In this case, #696a6a is the less saturated color, while #08cba5 is the most saturated one.
-
#696a6a
#696a6a
rgb(105,106,106)
-
#61726f
#61726f
rgb(97,114,111)
-
#597a74
#597a74
rgb(89,122,116)
-
#518279
#518279
rgb(81,130,121)
-
#498a7d
#498a7d
rgb(73,138,125)
-
#409382
#409382
rgb(64,147,130)
-
#389b87
#389b87
rgb(56,155,135)
-
#30a38c
#30a38c
rgb(48,163,140)
-
#28ab91
#28ab91
rgb(40,171,145)
-
#20b396
#20b396
rgb(32,179,150)
-
#18bb9b
#18bb9b
rgb(24,187,155)
-
#10c3a0
#10c3a0
rgb(16,195,160)
-
#08cba5
#08cba5
rgb(8,203,165)
Color Blindness Simulator
Below, you can see how #20b396 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.