#20a6da Color Information
In a RGB color space, hex #20a6da is composed of 12.5% red, 65.1% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 85.3% cyan, 23.9% magenta, 0% yellow and 14.5% black. It has a hue angle of 196.8 degrees, a saturation of 74.4% and a lightness of 49%. #20a6da color hex could be obtained by blending #40ffff with #004db5. Closest websafe color is: #3399cc.
-
- R 13
- G 65
- B 85
-
- C 85
- M 24
- Y 0
- K 15
● #20a6da color description : Vivid blue.
#20a6da Color Conversion
The hexadecimal color #20a6da has RGB values of R:32, G:166, B:218 and CMYK values of C:0.85, M:0.24, Y:0, K:0.15. Its decimal value is 2139866.
Hex triplet | 20a6da | #20a6da |
---|---|---|
RGB Decimal | 32, 166, 218 | rgb(32,166,218) |
RGB Percent | 12.5, 65.1, 85.5 | rgb(12.5%,65.1%,85.5%) |
CMYK | 85, 24, 0, 15 | |
HSL | 196.8°, 74.4, 49 | hsl(196.8,74.4%,49%) |
HSV (or HSB) | 196.8°, 85.3, 85.5 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 63.867, -16.046, -35.899 |
---|---|
XYZ | 26.883, 32.639, 71.209 |
xyY | 0.206, 0.25, 32.639 |
CIE-LCH | 63.867, 39.322, 245.917 |
CIE-LUV | 63.867, -41.972, -54.79 |
Hunter-Lab | 57.13, -15.983, -33.909 |
Binary | 00100000, 10100110, 11011010 |
Color Schemes with #20a6da
Alternatives to #20a6da
Below, you can see some colors close to #20a6da. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20a6da Preview
This text has a font color of #20a6da.
<span style="color:#20a6da;">Text here</span>
This paragraph has a background color of #20a6da.
<p style="background-color:#20a6da;">Content here</p>
This element has a border color of #20a6da.
<div style="border:1px solid #20a6da;">Content here</div>
.text {color:#20a6da;}
.background {background-color:#20a6da;}
.border {border:1px solid #20a6da;}
Shades and Tints of #20a6da
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, #020a0d is the darkest color, while #fbfdfe is the lightest one.
-
#020a0d
#020a0d
rgb(2,10,13)
-
#04171e
#04171e
rgb(4,23,30)
-
#07242f
#07242f
rgb(7,36,47)
-
#093140
#093140
rgb(9,49,64)
-
#0c3e51
#0c3e51
rgb(12,62,81)
-
#0e4b62
#0e4b62
rgb(14,75,98)
-
#115873
#115873
rgb(17,88,115)
-
#136584
#136584
rgb(19,101,132)
-
#167296
#167296
rgb(22,114,150)
-
#187fa7
#187fa7
rgb(24,127,167)
-
#1b8cb8
#1b8cb8
rgb(27,140,184)
-
#1d99c9
#1d99c9
rgb(29,153,201)
-
#20a6da
#20a6da
rgb(32,166,218)
-
#2daee0
#2daee0
rgb(45,174,224)
-
#3eb5e3
#3eb5e3
rgb(62,181,227)
-
#50bbe5
#50bbe5
rgb(80,187,229)
-
#61c2e8
#61c2e8
rgb(97,194,232)
-
#72c9ea
#72c9ea
rgb(114,201,234)
-
#83cfed
#83cfed
rgb(131,207,237)
-
#94d6ef
#94d6ef
rgb(148,214,239)
-
#a5dcf2
#a5dcf2
rgb(165,220,242)
-
#b6e3f4
#b6e3f4
rgb(182,227,244)
-
#c7eaf7
#c7eaf7
rgb(199,234,247)
-
#d8f0f9
#d8f0f9
rgb(216,240,249)
-
#eaf7fc
#eaf7fc
rgb(234,247,252)
-
#fbfdfe
#fbfdfe
rgb(251,253,254)
Tones of #20a6da
A tone is produced by adding gray to any pure hue. In this case, #778083 is the less saturated color, while #03b3f7 is the most saturated one.
-
#778083
#778083
rgb(119,128,131)
-
#6d848d
#6d848d
rgb(109,132,141)
-
#638897
#638897
rgb(99,136,151)
-
#5a8da0
#5a8da0
rgb(90,141,160)
-
#5091aa
#5091aa
rgb(80,145,170)
-
#4695b4
#4695b4
rgb(70,149,180)
-
#3d99bd
#3d99bd
rgb(61,153,189)
-
#339ec7
#339ec7
rgb(51,158,199)
-
#2aa2d0
#2aa2d0
rgb(42,162,208)
-
#20a6da
#20a6da
rgb(32,166,218)
-
#16aae4
#16aae4
rgb(22,170,228)
-
#0daeed
#0daeed
rgb(13,174,237)
-
#03b3f7
#03b3f7
rgb(3,179,247)
Color Blindness Simulator
Below, you can see how #20a6da 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.