#20b4c5 Color Information
In a RGB color space, hex #20b4c5 is composed of 12.5% red, 70.6% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 83.8% cyan, 8.6% magenta, 0% yellow and 22.7% black. It has a hue angle of 186.2 degrees, a saturation of 72.1% and a lightness of 44.9%. #20b4c5 color hex could be obtained by blending #40ffff with #00698b. Closest websafe color is: #33cccc.
-
- R 13
- G 71
- B 77
-
- C 84
- M 9
- Y 0
- K 23
● #20b4c5 color description : Strong cyan.
#20b4c5 Color Conversion
The hexadecimal color #20b4c5 has RGB values of R:32, G:180, B:197 and CMYK values of C:0.84, M:0.09, Y:0, K:0.23. Its decimal value is 2143429.
Hex triplet | 20b4c5 | #20b4c5 |
---|---|---|
RGB Decimal | 32, 180, 197 | rgb(32,180,197) |
RGB Percent | 12.5, 70.6, 77.3 | rgb(12.5%,70.6%,77.3%) |
CMYK | 84, 9, 0, 23 | |
HSL | 186.2°, 72.1, 44.9 | hsl(186.2,72.1%,44.9%) |
HSV (or HSB) | 186.2°, 83.8, 77.3 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 67.261, -30.231, -19.07 |
---|---|
XYZ | 26.992, 36.978, 58.535 |
xyY | 0.22, 0.302, 36.978 |
CIE-LCH | 67.261, 35.743, 212.245 |
CIE-LUV | 67.261, -48.323, -25.233 |
Hunter-Lab | 60.81, -27.185, -14.506 |
Binary | 00100000, 10110100, 11000101 |
Color Schemes with #20b4c5
Alternatives to #20b4c5
Below, you can see some colors close to #20b4c5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20b4c5 Preview
This text has a font color of #20b4c5.
<span style="color:#20b4c5;">Text here</span>
This paragraph has a background color of #20b4c5.
<p style="background-color:#20b4c5;">Content here</p>
This element has a border color of #20b4c5.
<div style="border:1px solid #20b4c5;">Content here</div>
.text {color:#20b4c5;}
.background {background-color:#20b4c5;}
.border {border:1px solid #20b4c5;}
Shades and Tints of #20b4c5
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, #020a0b is the darkest color, while #fafefe is the lightest one.
-
#020a0b
#020a0b
rgb(2,10,11)
-
#051a1c
#051a1c
rgb(5,26,28)
-
#07292d
#07292d
rgb(7,41,45)
-
#0a393e
#0a393e
rgb(10,57,62)
-
#0d484f
#0d484f
rgb(13,72,79)
-
#105760
#105760
rgb(16,87,96)
-
#126771
#126771
rgb(18,103,113)
-
#157682
#157682
rgb(21,118,130)
-
#188692
#188692
rgb(24,134,146)
-
#1b95a3
#1b95a3
rgb(27,149,163)
-
#1da5b4
#1da5b4
rgb(29,165,180)
-
#20b4c5
#20b4c5
rgb(32,180,197)
-
#23c3d6
#23c3d6
rgb(35,195,214)
-
#2fcbdd
#2fcbdd
rgb(47,203,221)
-
#40cfe0
#40cfe0
rgb(64,207,224)
-
#51d4e3
#51d4e3
rgb(81,212,227)
-
#62d8e5
#62d8e5
rgb(98,216,229)
-
#73dce8
#73dce8
rgb(115,220,232)
-
#83e0eb
#83e0eb
rgb(131,224,235)
-
#94e4ee
#94e4ee
rgb(148,228,238)
-
#a5e9f0
#a5e9f0
rgb(165,233,240)
-
#b6edf3
#b6edf3
rgb(182,237,243)
-
#c7f1f6
#c7f1f6
rgb(199,241,246)
-
#d8f5f9
#d8f5f9
rgb(216,245,249)
-
#e9f9fb
#e9f9fb
rgb(233,249,251)
-
#fafefe
#fafefe
rgb(250,254,254)
Tones of #20b4c5
A tone is produced by adding gray to any pure hue. In this case, #6f7576 is the less saturated color, while #06c9df is the most saturated one.
-
#6f7576
#6f7576
rgb(111,117,118)
-
#667c7f
#667c7f
rgb(102,124,127)
-
#5e8387
#5e8387
rgb(94,131,135)
-
#558a90
#558a90
rgb(85,138,144)
-
#4c9199
#4c9199
rgb(76,145,153)
-
#4398a2
#4398a2
rgb(67,152,162)
-
#3a9fab
#3a9fab
rgb(58,159,171)
-
#32a6b3
#32a6b3
rgb(50,166,179)
-
#29adbc
#29adbc
rgb(41,173,188)
-
#20b4c5
#20b4c5
rgb(32,180,197)
-
#17bbce
#17bbce
rgb(23,187,206)
-
#0ec2d7
#0ec2d7
rgb(14,194,215)
-
#06c9df
#06c9df
rgb(6,201,223)
Color Blindness Simulator
Below, you can see how #20b4c5 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.