#14a2e5 hex color

In a RGB color space, hex #14a2e5 is composed of 7.8% red, 63.5% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 91.3% cyan, 29.3% magenta, 0% yellow and 10.2% black. It has a hue angle of 199.2 degrees, a saturation of 83.9% and a lightness of 48.8%. #14a2e5 color hex could be obtained by blending #28ffff with #0045cb. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 8
- G 64
- B 90
RGB color chart
- C 91
- M 29
- Y 0
- K 10
CMYK color chart

● #14a2e5 color description : Vivid blue.

The hexadecimal color #14a2e5 has RGB values of R:20, G:162, B:229 and CMYK values of C:0.91, M:0.29, Y:0, K:0.1. Its decimal value is 1352421.

Hex triplet	14a2e5	`#14a2e5`
RGB Decimal	20, 162, 229	`rgb(20,162,229)`
RGB Percent	7.8, 63.5, 89.8	`rgb(7.8%,63.5%,89.8%)`
CMYK	91, 29, 0, 10
HSL	199.2°, 83.9, 48.8	`hsl(199.2,83.9%,48.8%)`
HSV (or HSB)	199.2°, 91.3, 89.8
Web Safe	0099cc	`#0099cc`

CIE-LAB	63.047, -10.631, -43.268
XYZ	27.348, 31.644, 78.791
xyY	0.198, 0.23, 31.644
CIE-LCH	63.047, 44.555, 256.195
CIE-LUV	63.047, -40.725, -67.728
Hunter-Lab	56.253, -11.662, -43.668
Binary	00010100, 10100010, 11100101

#14a2e5
```
#14a2e5 rgb(20,162,229)
```
#e55714
```
#e55714 rgb(229,87,20)
```

Complementary Color

#14e5c0
```
#14e5c0 rgb(20,229,192)
```
#14a2e5
```
#14a2e5 rgb(20,162,229)
```
#143ae5
```
#143ae5 rgb(20,58,229)
```

Analogous Color

#e5c014
```
#e5c014 rgb(229,192,20)
```
#14a2e5
```
#14a2e5 rgb(20,162,229)
```
#e5143a
```
#e5143a rgb(229,20,58)
```

Split Complementary Color

#a2e514
```
#a2e514 rgb(162,229,20)
```
#14a2e5
```
#14a2e5 rgb(20,162,229)
```
#e514a2
```
#e514a2 rgb(229,20,162)
```

Triadic Color

#14e557
```
#14e557 rgb(20,229,87)
```
#14a2e5
```
#14a2e5 rgb(20,162,229)
```
#e514a2
```
#e514a2 rgb(229,20,162)
```
#e55714
```
#e55714 rgb(229,87,20)
```

Tetradic Color

#0e709f
```
#0e709f rgb(14,112,159)
```
#1081b6
```
#1081b6 rgb(16,129,182)
```
#1291ce
```
#1291ce rgb(18,145,206)
```
#14a2e5
```
#14a2e5 rgb(20,162,229)
```
#26adec
```
#26adec rgb(38,173,236)
```
#3eb6ee
```
#3eb6ee rgb(62,182,238)
```
#55bff0
```
#55bff0 rgb(85,191,240)
```

Monochromatic Color

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

#14d6e5
```
#14d6e5 rgb(20,214,229)
```
#14c5e5
```
#14c5e5 rgb(20,197,229)
```
#14b3e5
```
#14b3e5 rgb(20,179,229)
```
#14a2e5
```
#14a2e5 rgb(20,162,229)
```
#1491e5
```
#1491e5 rgb(20,145,229)
```
#147fe5
```
#147fe5 rgb(20,127,229)
```
#146ee5
```
#146ee5 rgb(20,110,229)
```

Similar Colors

Text with hexadecimal color #14a2e5

This text has a font color of #14a2e5.

<span style="color:#14a2e5;">Text here</span>

#14a2e5 background color

This paragraph has a background color of #14a2e5.

<p style="background-color:#14a2e5;">Content here</p>

#14a2e5 border color

This element has a border color of #14a2e5.

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

CSS codes

.text {color:#14a2e5;}

.background {background-color:#14a2e5;}

.border {border:1px solid #14a2e5;}

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, #01090d is the darkest color, while #f9fdff is the lightest one.

#01090d
```
#01090d rgb(1,9,13)
```
#03161f
```
#03161f rgb(3,22,31)
```
#042231
```
#042231 rgb(4,34,49)
```
#062f43
```
#062f43 rgb(6,47,67)
```
#073c55
```
#073c55 rgb(7,60,85)
```
#094967
```
#094967 rgb(9,73,103)
```
#0b5579
```
#0b5579 rgb(11,85,121)
```
#0c628b
```
#0c628b rgb(12,98,139)
```
#0e6f9d
```
#0e6f9d rgb(14,111,157)
```
#0f7caf
```
#0f7caf rgb(15,124,175)
```
#1188c1
```
#1188c1 rgb(17,136,193)
```
#1295d3
```
#1295d3 rgb(18,149,211)
```
#14a2e5
```
#14a2e5 rgb(20,162,229)
```

Shade Color Variation

#21abec
```
#21abec rgb(33,171,236)
```
#33b2ed
```
#33b2ed rgb(51,178,237)
```
#45b8ef
```
#45b8ef rgb(69,184,239)
```
#57bff0
```
#57bff0 rgb(87,191,240)
```
#69c6f2
```
#69c6f2 rgb(105,198,242)
```
#7bcdf3
```
#7bcdf3 rgb(123,205,243)
```
#8dd4f5
```
#8dd4f5 rgb(141,212,245)
```
#9fdbf7
```
#9fdbf7 rgb(159,219,247)
```
#b1e1f8
```
#b1e1f8 rgb(177,225,248)
```
#c3e8fa
```
#c3e8fa rgb(195,232,250)
```
#d5effb
```
#d5effb rgb(213,239,251)
```
#e7f6fd
```
#e7f6fd rgb(231,246,253)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #748085 is the less saturated color, while #01a9f8 is the most saturated one.

#748085
```
#748085 rgb(116,128,133)
```
#6a838f
```
#6a838f rgb(106,131,143)
```
#618798
```
#618798 rgb(97,135,152)
```
#578aa2
```
#578aa2 rgb(87,138,162)
```
#4d8dac
```
#4d8dac rgb(77,141,172)
```
#4491b5
```
#4491b5 rgb(68,145,181)
```
#3a94bf
```
#3a94bf rgb(58,148,191)
```
#3198c8
```
#3198c8 rgb(49,152,200)
```
#279bd2
```
#279bd2 rgb(39,155,210)
```
#1e9fdb
```
#1e9fdb rgb(30,159,219)
```
#14a2e5
```
#14a2e5 rgb(20,162,229)
```
#0aa5ef
```
#0aa5ef rgb(10,165,239)
```
#01a9f8
```
#01a9f8 rgb(1,169,248)
```

Tone Color Variation

Below, you can see how #14a2e5 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

#7f7f7f Achromatopsia 0.005% of the population
#6a8693 Atypical Achromatopsia 0.001% of the population

Dichromacy

#869bde Protanopia 1% of men
#739dea Deuteranopia 1% of men
#00adb8 Tritanopia 0.001% of the population

Trichromacy

#5c9de0 Protanomaly 1% of men, 0.01% of women
#509fe8 Deuteranomaly 6% of men, 0.4% of women
#07a9c8 Tritanomaly 0.01% of the population

#14a2e5 hex color

#14a2e5 Color Information

#14a2e5 Color Conversion

Color Schemes with #14a2e5

Alternatives to #14a2e5

#14a2e5 Preview

Shades and Tints of #14a2e5

Tones of #14a2e5

Color Blindness Simulator