#20a5c2 Color Information
In a RGB color space, hex #20a5c2 is composed of 12.5% red, 64.7% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 14.9% magenta, 0% yellow and 23.9% black. It has a hue angle of 190.7 degrees, a saturation of 71.7% and a lightness of 44.3%. #20a5c2 color hex could be obtained by blending #40ffff with #004b85. Closest websafe color is: #3399cc.
-
- R 13
- G 65
- B 76
-
- C 84
- M 15
- Y 0
- K 24
● #20a5c2 color description : Strong cyan.
#20a5c2 Color Conversion
The hexadecimal color #20a5c2 has RGB values of R:32, G:165, B:194 and CMYK values of C:0.84, M:0.15, Y:0, K:0.24. Its decimal value is 2139586.
Hex triplet | 20a5c2 | #20a5c2 |
---|---|---|
RGB Decimal | 32, 165, 194 | rgb(32,165,194) |
RGB Percent | 12.5, 64.7, 76.1 | rgb(12.5%,64.7%,76.1%) |
CMYK | 84, 15, 0, 24 | |
HSL | 190.7°, 71.7, 44.3 | hsl(190.7,71.7%,44.3%) |
HSV (or HSB) | 190.7°, 83.5, 76.1 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 62.6, -23.709, -24.519 |
---|---|
XYZ | 23.786, 31.11, 55.787 |
xyY | 0.215, 0.281, 31.11 |
CIE-LCH | 62.6, 34.107, 225.963 |
CIE-LUV | 62.6, -43.296, -34.74 |
Hunter-Lab | 55.776, -21.488, -20.258 |
Binary | 00100000, 10100101, 11000010 |
Color Schemes with #20a5c2
Alternatives to #20a5c2
Below, you can see some colors close to #20a5c2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20a5c2 Preview
This text has a font color of #20a5c2.
<span style="color:#20a5c2;">Text here</span>
This paragraph has a background color of #20a5c2.
<p style="background-color:#20a5c2;">Content here</p>
This element has a border color of #20a5c2.
<div style="border:1px solid #20a5c2;">Content here</div>
.text {color:#20a5c2;}
.background {background-color:#20a5c2;}
.border {border:1px solid #20a5c2;}
Shades and Tints of #20a5c2
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, #010709 is the darkest color, while #f7fcfe is the lightest one.
-
#010709
#010709
rgb(1,7,9)
-
#04161a
#04161a
rgb(4,22,26)
-
#07242a
#07242a
rgb(7,36,42)
-
#0a323b
#0a323b
rgb(10,50,59)
-
#0d414c
#0d414c
rgb(13,65,76)
-
#0f4f5d
#0f4f5d
rgb(15,79,93)
-
#125d6e
#125d6e
rgb(18,93,110)
-
#156c7f
#156c7f
rgb(21,108,127)
-
#187a8f
#187a8f
rgb(24,122,143)
-
#1a88a0
#1a88a0
rgb(26,136,160)
-
#1d97b1
#1d97b1
rgb(29,151,177)
-
#20a5c2
#20a5c2
rgb(32,165,194)
-
#23b3d3
#23b3d3
rgb(35,179,211)
-
#2dbddc
#2dbddc
rgb(45,189,220)
-
#3ec2df
#3ec2df
rgb(62,194,223)
-
#4fc8e2
#4fc8e2
rgb(79,200,226)
-
#5fcde5
#5fcde5
rgb(95,205,229)
-
#70d2e7
#70d2e7
rgb(112,210,231)
-
#81d7ea
#81d7ea
rgb(129,215,234)
-
#92dded
#92dded
rgb(146,221,237)
-
#a3e2f0
#a3e2f0
rgb(163,226,240)
-
#b4e7f3
#b4e7f3
rgb(180,231,243)
-
#c4edf5
#c4edf5
rgb(196,237,245)
-
#d5f2f8
#d5f2f8
rgb(213,242,248)
-
#e6f7fb
#e6f7fb
rgb(230,247,251)
-
#f7fcfe
#f7fcfe
rgb(247,252,254)
Tones of #20a5c2
A tone is produced by adding gray to any pure hue. In this case, #6e7374 is the less saturated color, while #06b6dc is the most saturated one.
-
#6e7374
#6e7374
rgb(110,115,116)
-
#66787c
#66787c
rgb(102,120,124)
-
#5d7e85
#5d7e85
rgb(93,126,133)
-
#54848e
#54848e
rgb(84,132,142)
-
#4b8997
#4b8997
rgb(75,137,151)
-
#438f9f
#438f9f
rgb(67,143,159)
-
#3a94a8
#3a94a8
rgb(58,148,168)
-
#319ab1
#319ab1
rgb(49,154,177)
-
#299fb9
#299fb9
rgb(41,159,185)
-
#20a5c2
#20a5c2
rgb(32,165,194)
-
#17abcb
#17abcb
rgb(23,171,203)
-
#0fb0d3
#0fb0d3
rgb(15,176,211)
-
#06b6dc
#06b6dc
rgb(6,182,220)
Color Blindness Simulator
Below, you can see how #20a5c2 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.