#20b5b2 Color Information
In a RGB color space, hex #20b5b2 is composed of 12.5% red, 71% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 0% magenta, 1.7% yellow and 29% black. It has a hue angle of 178.8 degrees, a saturation of 70% and a lightness of 41.8%. #20b5b2 color hex could be obtained by blending #40ffff with #006b65. Closest websafe color is: #33cc99.
-
- R 13
- G 71
- B 70
-
- C 82
- M 0
- Y 2
- K 29
● #20b5b2 color description : Strong cyan.
#20b5b2 Color Conversion
The hexadecimal color #20b5b2 has RGB values of R:32, G:181, B:178 and CMYK values of C:0.82, M:0, Y:0.02, K:0.29. Its decimal value is 2143666.
Hex triplet | 20b5b2 | #20b5b2 |
---|---|---|
RGB Decimal | 32, 181, 178 | rgb(32,181,178) |
RGB Percent | 12.5, 71, 69.8 | rgb(12.5%,71%,69.8%) |
CMYK | 82, 0, 2, 29 | |
HSL | 178.8°, 70, 41.8 | hsl(178.8,70%,41.8%) |
HSV (or HSB) | 178.8°, 82.3, 71 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 66.951, -36.535, -9.037 |
---|---|
XYZ | 25.153, 36.567, 47.849 |
xyY | 0.23, 0.334, 36.567 |
CIE-LCH | 66.951, 37.636, 193.894 |
CIE-LUV | 66.951, -50.095, -8.242 |
Hunter-Lab | 60.47, -31.575, -4.586 |
Binary | 00100000, 10110101, 10110010 |
Color Schemes with #20b5b2
Alternatives to #20b5b2
Below, you can see some colors close to #20b5b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20b5b2 Preview
This text has a font color of #20b5b2.
<span style="color:#20b5b2;">Text here</span>
This paragraph has a background color of #20b5b2.
<p style="background-color:#20b5b2;">Content here</p>
This element has a border color of #20b5b2.
<div style="border:1px solid #20b5b2;">Content here</div>
.text {color:#20b5b2;}
.background {background-color:#20b5b2;}
.border {border:1px solid #20b5b2;}
Shades and Tints of #20b5b2
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, #030e0e is the darkest color, while #fdffff is the lightest one.
-
#030e0e
#030e0e
rgb(3,14,14)
-
#051f1e
#051f1e
rgb(5,31,30)
-
#08302f
#08302f
rgb(8,48,47)
-
#0b403f
#0b403f
rgb(11,64,63)
-
#0e5150
#0e5150
rgb(14,81,80)
-
#116260
#116260
rgb(17,98,96)
-
#147270
#147270
rgb(20,114,112)
-
#178381
#178381
rgb(23,131,129)
-
#1a9491
#1a9491
rgb(26,148,145)
-
#1da4a2
#1da4a2
rgb(29,164,162)
-
#20b5b2
#20b5b2
rgb(32,181,178)
-
#23c6c2
#23c6c2
rgb(35,198,194)
-
#26d6d3
#26d6d3
rgb(38,214,211)
-
#35dbd8
#35dbd8
rgb(53,219,216)
-
#45dedb
#45dedb
rgb(69,222,219)
-
#56e1de
#56e1de
rgb(86,225,222)
-
#67e4e2
#67e4e2
rgb(103,228,226)
-
#77e7e5
#77e7e5
rgb(119,231,229)
-
#88eae8
#88eae8
rgb(136,234,232)
-
#99edeb
#99edeb
rgb(153,237,235)
-
#a9f0ee
#a9f0ee
rgb(169,240,238)
-
#baf3f2
#baf3f2
rgb(186,243,242)
-
#cbf6f5
#cbf6f5
rgb(203,246,245)
-
#dbf9f8
#dbf9f8
rgb(219,249,248)
-
#ecfcfb
#ecfcfb
rgb(236,252,251)
-
#fdffff
#fdffff
rgb(253,255,255)
Tones of #20b5b2
A tone is produced by adding gray to any pure hue. In this case, #6a6b6b is the less saturated color, while #07ceca is the most saturated one.
-
#6a6b6b
#6a6b6b
rgb(106,107,107)
-
#627373
#627373
rgb(98,115,115)
-
#597c7b
#597c7b
rgb(89,124,123)
-
#518483
#518483
rgb(81,132,131)
-
#498c8b
#498c8b
rgb(73,140,139)
-
#419493
#419493
rgb(65,148,147)
-
#399c9a
#399c9a
rgb(57,156,154)
-
#30a5a2
#30a5a2
rgb(48,165,162)
-
#28adaa
#28adaa
rgb(40,173,170)
-
#20b5b2
#20b5b2
rgb(32,181,178)
-
#18bdba
#18bdba
rgb(24,189,186)
-
#10c5c2
#10c5c2
rgb(16,197,194)
-
#07ceca
#07ceca
rgb(7,206,202)
Color Blindness Simulator
Below, you can see how #20b5b2 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.