#20b5c2 Color Information
In a RGB color space, hex #20b5c2 is composed of 12.5% red, 71% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 6.7% magenta, 0% yellow and 23.9% black. It has a hue angle of 184.8 degrees, a saturation of 71.7% and a lightness of 44.3%. #20b5c2 color hex could be obtained by blending #40ffff with #006b85. Closest websafe color is: #33cccc.
-
- R 13
- G 71
- B 76
-
- C 84
- M 7
- Y 0
- K 24
● #20b5c2 color description : Strong cyan.
#20b5c2 Color Conversion
The hexadecimal color #20b5c2 has RGB values of R:32, G:181, B:194 and CMYK values of C:0.84, M:0.07, Y:0, K:0.24. Its decimal value is 2143682.
Hex triplet | 20b5c2 | #20b5c2 |
---|---|---|
RGB Decimal | 32, 181, 194 | rgb(32,181,194) |
RGB Percent | 12.5, 71, 76.1 | rgb(12.5%,71%,76.1%) |
CMYK | 84, 7, 0, 24 | |
HSL | 184.8°, 71.7, 44.3 | hsl(184.8,71.7%,44.3%) |
HSV (or HSB) | 184.8°, 83.5, 76.1 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 67.462, -31.659, -17.109 |
---|---|
XYZ | 26.854, 37.247, 56.81 |
xyY | 0.222, 0.308, 37.247 |
CIE-LCH | 67.462, 35.986, 208.388 |
CIE-LUV | 67.462, -48.895, -21.849 |
Hunter-Lab | 61.031, -28.261, -12.469 |
Binary | 00100000, 10110101, 11000010 |
Color Schemes with #20b5c2
Alternatives to #20b5c2
Below, you can see some colors close to #20b5c2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20b5c2 Preview
This text has a font color of #20b5c2.
<span style="color:#20b5c2;">Text here</span>
This paragraph has a background color of #20b5c2.
<p style="background-color:#20b5c2;">Content here</p>
This element has a border color of #20b5c2.
<div style="border:1px solid #20b5c2;">Content here</div>
.text {color:#20b5c2;}
.background {background-color:#20b5c2;}
.border {border:1px solid #20b5c2;}
Shades and Tints of #20b5c2
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, #010809 is the darkest color, while #f7fdfe is the lightest one.
-
#010809
#010809
rgb(1,8,9)
-
#04181a
#04181a
rgb(4,24,26)
-
#07282a
#07282a
rgb(7,40,42)
-
#0a373b
#0a373b
rgb(10,55,59)
-
#0d474c
#0d474c
rgb(13,71,76)
-
#0f575d
#0f575d
rgb(15,87,93)
-
#12666e
#12666e
rgb(18,102,110)
-
#15767f
#15767f
rgb(21,118,127)
-
#18868f
#18868f
rgb(24,134,143)
-
#1a96a0
#1a96a0
rgb(26,150,160)
-
#1da5b1
#1da5b1
rgb(29,165,177)
-
#20b5c2
#20b5c2
rgb(32,181,194)
-
#23c5d3
#23c5d3
rgb(35,197,211)
-
#2dcedc
#2dcedc
rgb(45,206,220)
-
#3ed2df
#3ed2df
rgb(62,210,223)
-
#4fd6e2
#4fd6e2
rgb(79,214,226)
-
#5fdae5
#5fdae5
rgb(95,218,229)
-
#70dee7
#70dee7
rgb(112,222,231)
-
#81e2ea
#81e2ea
rgb(129,226,234)
-
#92e6ed
#92e6ed
rgb(146,230,237)
-
#a3eaf0
#a3eaf0
rgb(163,234,240)
-
#b4eef3
#b4eef3
rgb(180,238,243)
-
#c4f1f5
#c4f1f5
rgb(196,241,245)
-
#d5f5f8
#d5f5f8
rgb(213,245,248)
-
#e6f9fb
#e6f9fb
rgb(230,249,251)
-
#f7fdfe
#f7fdfe
rgb(247,253,254)
Tones of #20b5c2
A tone is produced by adding gray to any pure hue. In this case, #6e7374 is the less saturated color, while #06cbdc is the most saturated one.
-
#6e7374
#6e7374
rgb(110,115,116)
-
#667b7c
#667b7c
rgb(102,123,124)
-
#5d8285
#5d8285
rgb(93,130,133)
-
#54898e
#54898e
rgb(84,137,142)
-
#4b9197
#4b9197
rgb(75,145,151)
-
#43989f
#43989f
rgb(67,152,159)
-
#3a9fa8
#3a9fa8
rgb(58,159,168)
-
#31a6b1
#31a6b1
rgb(49,166,177)
-
#29aeb9
#29aeb9
rgb(41,174,185)
-
#20b5c2
#20b5c2
rgb(32,181,194)
-
#17bccb
#17bccb
rgb(23,188,203)
-
#0fc4d3
#0fc4d3
rgb(15,196,211)
-
#06cbdc
#06cbdc
rgb(6,203,220)
Color Blindness Simulator
Below, you can see how #20b5c2 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.