#20a5ea hex color

In a RGB color space, hex #20a5ea is composed of 12.5% red, 64.7% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 86.3% cyan, 29.5% magenta, 0% yellow and 8.2% black. It has a hue angle of 200.5 degrees, a saturation of 82.8% and a lightness of 52.2%. #20a5ea color hex could be obtained by blending #40ffff with #004bd5. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 13
- G 65
- B 92
RGB color chart
- C 86
- M 29
- Y 0
- K 8
CMYK color chart

● #20a5ea color description : Vivid blue.

The hexadecimal color #20a5ea has RGB values of R:32, G:165, B:234 and CMYK values of C:0.86, M:0.29, Y:0, K:0.08. Its decimal value is 2139626.

Hex triplet	20a5ea	`#20a5ea`
RGB Decimal	32, 165, 234	`rgb(32,165,234)`
RGB Percent	12.5, 64.7, 91.8	`rgb(12.5%,64.7%,91.8%)`
CMYK	86, 29, 0, 8
HSL	200.5°, 82.8, 52.2	`hsl(200.5,82.8%,52.2%)`
HSV (or HSB)	200.5°, 86.3, 91.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.286, -9.849, -44.064
XYZ	28.898, 33.155, 82.714
xyY	0.2, 0.229, 33.155
CIE-LCH	64.286, 45.151, 257.401
CIE-LUV	64.286, -40.587, -69.36
Hunter-Lab	57.581, -11.181, -44.863
Binary	00100000, 10100101, 11101010

#20a5ea
```
#20a5ea rgb(32,165,234)
```
#ea6520
```
#ea6520 rgb(234,101,32)
```

Complementary Color

#20eaca
```
#20eaca rgb(32,234,202)
```
#20a5ea
```
#20a5ea rgb(32,165,234)
```
#2040ea
```
#2040ea rgb(32,64,234)
```

Analogous Color

#eaca20
```
#eaca20 rgb(234,202,32)
```
#20a5ea
```
#20a5ea rgb(32,165,234)
```
#ea2040
```
#ea2040 rgb(234,32,64)
```

Split Complementary Color

#a5ea20
```
#a5ea20 rgb(165,234,32)
```
#20a5ea
```
#20a5ea rgb(32,165,234)
```
#ea20a5
```
#ea20a5 rgb(234,32,165)
```

Triadic Color

#20ea65
```
#20ea65 rgb(32,234,101)
```
#20a5ea
```
#20a5ea rgb(32,165,234)
```
#ea20a5
```
#ea20a5 rgb(234,32,165)
```
#ea6520
```
#ea6520 rgb(234,101,32)
```

Tetradic Color

#1078ad
```
#1078ad rgb(16,120,173)
```
#1388c4
```
#1388c4 rgb(19,136,196)
```
#1598dc
```
#1598dc rgb(21,152,220)
```
#20a5ea
```
#20a5ea rgb(32,165,234)
```
#37aeec
```
#37aeec rgb(55,174,236)
```
#4fb8ee
```
#4fb8ee rgb(79,184,238)
```
#66c1f1
```
#66c1f1 rgb(102,193,241)
```

Monochromatic Color

Below, you can see some colors close to #20a5ea. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#20d8ea
```
#20d8ea rgb(32,216,234)
```
#20c7ea
```
#20c7ea rgb(32,199,234)
```
#20b6ea
```
#20b6ea rgb(32,182,234)
```
#20a5ea
```
#20a5ea rgb(32,165,234)
```
#2094ea
```
#2094ea rgb(32,148,234)
```
#2083ea
```
#2083ea rgb(32,131,234)
```
#2073ea
```
#2073ea rgb(32,115,234)
```

Similar Colors

Text with hexadecimal color #20a5ea

This text has a font color of #20a5ea.

<span style="color:#20a5ea;">Text here</span>

#20a5ea background color

This paragraph has a background color of #20a5ea.

<p style="background-color:#20a5ea;">Content here</p>

#20a5ea border color

This element has a border color of #20a5ea.

<div style="border:1px solid #20a5ea;">Content here</div>

CSS codes

.text {color:#20a5ea;}

.background {background-color:#20a5ea;}

.border {border:1px solid #20a5ea;}

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, #01070a is the darkest color, while #f7fcfe is the lightest one.

#01070a
```
#01070a rgb(1,7,10)
```
#03131c
```
#03131c rgb(3,19,28)
```
#04202e
```
#04202e rgb(4,32,46)
```
#062c40
```
#062c40 rgb(6,44,64)
```
#083852
```
#083852 rgb(8,56,82)
```
#094564
```
#094564 rgb(9,69,100)
```
#0b5176
```
#0b5176 rgb(11,81,118)
```
#0d5e88
```
#0d5e88 rgb(13,94,136)
```
#0e6a99
```
#0e6a99 rgb(14,106,153)
```
#1076ab
```
#1076ab rgb(16,118,171)
```
#1283bd
```
#1283bd rgb(18,131,189)
```
#148fcf
```
#148fcf rgb(20,143,207)
```
#159ce1
```
#159ce1 rgb(21,156,225)
```

Shade Color Variation

#20a5ea
```
#20a5ea rgb(32,165,234)
```
#32acec
```
#32acec rgb(50,172,236)
```
#44b3ed
```
#44b3ed rgb(68,179,237)
```
#56bbef
```
#56bbef rgb(86,187,239)
```
#68c2f1
```
#68c2f1 rgb(104,194,241)
```
#7ac9f2
```
#7ac9f2 rgb(122,201,242)
```
#8cd0f4
```
#8cd0f4 rgb(140,208,244)
```
#9dd8f6
```
#9dd8f6 rgb(157,216,246)
```
#afdff8
```
#afdff8 rgb(175,223,248)
```
#c1e6f9
```
#c1e6f9 rgb(193,230,249)
```
#d3edfb
```
#d3edfb rgb(211,237,251)
```
#e5f5fd
```
#e5f5fd rgb(229,245,253)
```
#f7fcfe
```
#f7fcfe rgb(247,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e878c is the less saturated color, while #0dabfd is the most saturated one.

#7e878c
```
#7e878c rgb(126,135,140)
```
#748a96
```
#748a96 rgb(116,138,150)
```
#6b8d9f
```
#6b8d9f rgb(107,141,159)
```
#6290a8
```
#6290a8 rgb(98,144,168)
```
#5893b2
```
#5893b2 rgb(88,147,178)
```
#4f96bb
```
#4f96bb rgb(79,150,187)
```
#4699c4
```
#4699c4 rgb(70,153,196)
```
#3c9cce
```
#3c9cce rgb(60,156,206)
```
#339fd7
```
#339fd7 rgb(51,159,215)
```
#29a2e1
```
#29a2e1 rgb(41,162,225)
```
#20a5ea
```
#20a5ea rgb(32,165,234)
```
#17a8f3
```
#17a8f3 rgb(23,168,243)
```
#0dabfd
```
#0dabfd rgb(13,171,253)
```

Tone Color Variation

Below, you can see how #20a5ea 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.

Monochromacy

#858585 Achromatopsia 0.005% of the population
#718b99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#889ee2 Protanopia 1% of men
#75a0ee Deuteranopia 1% of men
#00b0bc Tritanopia 0.001% of the population

Trichromacy

#62a1e5 Protanomaly 1% of men, 0.01% of women
#56a2ed Deuteranomaly 6% of men, 0.4% of women
#0baccd Tritanomaly 0.01% of the population

#20a5ea hex color

#20a5ea Color Information

#20a5ea Color Conversion

Color Schemes with #20a5ea

Alternatives to #20a5ea

#20a5ea Preview

Shades and Tints of #20a5ea

Tones of #20a5ea

Color Blindness Simulator