#20a7c1 Color Information
In a RGB color space, hex #20a7c1 is composed of 12.5% red, 65.5% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 83.4% cyan, 13.5% magenta, 0% yellow and 24.3% black. It has a hue angle of 189.7 degrees, a saturation of 71.6% and a lightness of 44.1%. #20a7c1 color hex could be obtained by blending #40ffff with #004f83. Closest websafe color is: #3399cc.
-
- R 13
- G 65
- B 76
-
- C 83
- M 13
- Y 0
- K 24
● #20a7c1 color description : Strong cyan.
#20a7c1 Color Conversion
The hexadecimal color #20a7c1 has RGB values of R:32, G:167, B:193 and CMYK values of C:0.83, M:0.13, Y:0, K:0.24. Its decimal value is 2140097.
Hex triplet | 20a7c1 | #20a7c1 |
---|---|---|
RGB Decimal | 32, 167, 193 | rgb(32,167,193) |
RGB Percent | 12.5, 65.5, 75.7 | rgb(12.5%,65.5%,75.7%) |
CMYK | 83, 13, 0, 24 | |
HSL | 189.7°, 71.6, 44.1 | hsl(189.7,71.6%,44.1%) |
HSV (or HSB) | 189.7°, 83.4, 75.7 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 63.171, -25.061, -23.087 |
---|---|
XYZ | 24.037, 31.792, 55.319 |
xyY | 0.216, 0.286, 31.792 |
CIE-LCH | 63.171, 34.074, 222.652 |
CIE-LUV | 63.171, -44.069, -32.254 |
Hunter-Lab | 56.385, -22.577, -18.7 |
Binary | 00100000, 10100111, 11000001 |
Color Schemes with #20a7c1
Alternatives to #20a7c1
Below, you can see some colors close to #20a7c1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20a7c1 Preview
This text has a font color of #20a7c1.
<span style="color:#20a7c1;">Text here</span>
This paragraph has a background color of #20a7c1.
<p style="background-color:#20a7c1;">Content here</p>
This element has a border color of #20a7c1.
<div style="border:1px solid #20a7c1;">Content here</div>
.text {color:#20a7c1;}
.background {background-color:#20a7c1;}
.border {border:1px solid #20a7c1;}
Shades and Tints of #20a7c1
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, #010708 is the darkest color, while #f6fcfe is the lightest one.
-
#010708
#010708
rgb(1,7,8)
-
#041519
#041519
rgb(4,21,25)
-
#07242a
#07242a
rgb(7,36,42)
-
#0a333a
#0a333a
rgb(10,51,58)
-
#0c414b
#0c414b
rgb(12,65,75)
-
#0f505c
#0f505c
rgb(15,80,92)
-
#125e6d
#125e6d
rgb(18,94,109)
-
#156d7e
#156d7e
rgb(21,109,126)
-
#187b8f
#187b8f
rgb(24,123,143)
-
#1a8a9f
#1a8a9f
rgb(26,138,159)
-
#1d98b0
#1d98b0
rgb(29,152,176)
-
#20a7c1
#20a7c1
rgb(32,167,193)
-
#23b6d2
#23b6d2
rgb(35,182,210)
-
#2cc0dc
#2cc0dc
rgb(44,192,220)
-
#3dc5df
#3dc5df
rgb(61,197,223)
-
#4ecae2
#4ecae2
rgb(78,202,226)
-
#5fcfe4
#5fcfe4
rgb(95,207,228)
-
#6fd4e7
#6fd4e7
rgb(111,212,231)
-
#80d9ea
#80d9ea
rgb(128,217,234)
-
#91deed
#91deed
rgb(145,222,237)
-
#a2e3f0
#a2e3f0
rgb(162,227,240)
-
#b3e8f2
#b3e8f2
rgb(179,232,242)
-
#c4edf5
#c4edf5
rgb(196,237,245)
-
#d4f2f8
#d4f2f8
rgb(212,242,248)
-
#e5f7fb
#e5f7fb
rgb(229,247,251)
-
#f6fcfe
#f6fcfe
rgb(246,252,254)
Tones of #20a7c1
A tone is produced by adding gray to any pure hue. In this case, #6e7273 is the less saturated color, while #06b9db is the most saturated one.
-
#6e7273
#6e7273
rgb(110,114,115)
-
#65787c
#65787c
rgb(101,120,124)
-
#5d7e84
#5d7e84
rgb(93,126,132)
-
#54848d
#54848d
rgb(84,132,141)
-
#4b8a96
#4b8a96
rgb(75,138,150)
-
#43909e
#43909e
rgb(67,144,158)
-
#3a95a7
#3a95a7
rgb(58,149,167)
-
#319bb0
#319bb0
rgb(49,155,176)
-
#29a1b8
#29a1b8
rgb(41,161,184)
-
#20a7c1
#20a7c1
rgb(32,167,193)
-
#17adca
#17adca
rgb(23,173,202)
-
#0fb3d2
#0fb3d2
rgb(15,179,210)
-
#06b9db
#06b9db
rgb(6,185,219)
Color Blindness Simulator
Below, you can see how #20a7c1 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.