#20c5b0 Color Information
In a RGB color space, hex #20c5b0 is composed of 12.5% red, 77.3% green and 69% blue. Whereas in a CMYK color space, it is composed of 83.8% cyan, 0% magenta, 10.7% yellow and 22.7% black. It has a hue angle of 172.4 degrees, a saturation of 72.1% and a lightness of 44.9%. #20c5b0 color hex could be obtained by blending #40ffff with #008b61. Closest websafe color is: #33cc99.
-
- R 13
- G 77
- B 69
-
- C 84
- M 0
- Y 11
- K 23
● #20c5b0 color description : Strong cyan.
#20c5b0 Color Conversion
The hexadecimal color #20c5b0 has RGB values of R:32, G:197, B:176 and CMYK values of C:0.84, M:0, Y:0.11, K:0.23. Its decimal value is 2147760.
| Hex triplet | 20c5b0 | #20c5b0 |
|---|---|---|
| RGB Decimal | 32, 197, 176 | rgb(32,197,176) |
| RGB Percent | 12.5, 77.3, 69 | rgb(12.5%,77.3%,69%) |
| CMYK | 84, 0, 11, 23 | |
| HSL | 172.4°, 72.1, 44.9 | hsl(172.4,72.1%,44.9%) |
| HSV (or HSB) | 172.4°, 83.8, 77.3 | |
| Web Safe | 33cc99 | #33cc99 |
| CIE-LAB | 71.806, -44.223, -0.769 |
|---|---|
| XYZ | 28.396, 43.371, 47.947 |
| xyY | 0.237, 0.362, 43.371 |
| CIE-LCH | 71.806, 44.229, 180.996 |
| CIE-LUV | 71.806, -55.819, 5.663 |
| Hunter-Lab | 65.857, -38.285, 2.934 |
| Binary | 00100000, 11000101, 10110000 |
Color Schemes with #20c5b0
Alternatives to #20c5b0
Below, you can see some colors close to #20c5b0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20c5b0 Preview
This text has a font color of #20c5b0.
<span style="color:#20c5b0;">Text here</span>
This paragraph has a background color of #20c5b0.
<p style="background-color:#20c5b0;">Content here</p>
This element has a border color of #20c5b0.
<div style="border:1px solid #20c5b0;">Content here</div>
.text {color:#20c5b0;}
.background {background-color:#20c5b0;}
.border {border:1px solid #20c5b0;}
Shades and Tints of #20c5b0
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, #020b0a is the darkest color, while #fafefe is the lightest one.
-
#020b0a
#020b0argb(2,11,10) -
#051c19
#051c19rgb(5,28,25) -
#072d28
#072d28rgb(7,45,40) -
#0a3e37
#0a3e37rgb(10,62,55) -
#0d4f46
#0d4f46rgb(13,79,70) -
#106056
#106056rgb(16,96,86) -
#127165
#127165rgb(18,113,101) -
#158274
#158274rgb(21,130,116) -
#189283
#189283rgb(24,146,131) -
#1ba392
#1ba392rgb(27,163,146) -
#1db4a1
#1db4a1rgb(29,180,161) -
#20c5b0
#20c5b0rgb(32,197,176) -
#23d6bf
#23d6bfrgb(35,214,191)
-
#2fddc7
#2fddc7rgb(47,221,199) -
#40e0cc
#40e0ccrgb(64,224,204) -
#51e3d0
#51e3d0rgb(81,227,208) -
#62e5d5
#62e5d5rgb(98,229,213) -
#73e8d9
#73e8d9rgb(115,232,217) -
#83ebde
#83ebdergb(131,235,222) -
#94eee2
#94eee2rgb(148,238,226) -
#a5f0e7
#a5f0e7rgb(165,240,231) -
#b6f3eb
#b6f3ebrgb(182,243,235) -
#c7f6f0
#c7f6f0rgb(199,246,240) -
#d8f9f4
#d8f9f4rgb(216,249,244) -
#e9fbf9
#e9fbf9rgb(233,251,249) -
#fafefe
#fafefergb(250,254,254)
Tones of #20c5b0
A tone is produced by adding gray to any pure hue. In this case, #6f7675 is the less saturated color, while #06dfc4 is the most saturated one.
-
#6f7675
#6f7675rgb(111,118,117) -
#667f7b
#667f7brgb(102,127,123) -
#5e8782
#5e8782rgb(94,135,130) -
#559089
#559089rgb(85,144,137) -
#4c998f
#4c998frgb(76,153,143) -
#43a296
#43a296rgb(67,162,150) -
#3aab9c
#3aab9crgb(58,171,156) -
#32b3a3
#32b3a3rgb(50,179,163) -
#29bca9
#29bca9rgb(41,188,169) -
#20c5b0
#20c5b0rgb(32,197,176) -
#17ceb7
#17ceb7rgb(23,206,183) -
#0ed7bd
#0ed7bdrgb(14,215,189) -
#06dfc4
#06dfc4rgb(6,223,196)
Color Blindness Simulator
Below, you can see how #20c5b0 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.
