#14ace4 hex color

In a RGB color space, hex #14ace4 is composed of 7.8% red, 67.5% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 91.2% cyan, 24.6% magenta, 0% yellow and 10.6% black. It has a hue angle of 196.2 degrees, a saturation of 83.9% and a lightness of 48.6%. #14ace4 color hex could be obtained by blending #28ffff with #0059c9. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 8
- G 67
- B 89
RGB color chart
- C 91
- M 25
- Y 0
- K 11
CMYK color chart

● #14ace4 color description : Vivid blue.

The hexadecimal color #14ace4 has RGB values of R:20, G:172, B:228 and CMYK values of C:0.91, M:0.25, Y:0, K:0.11. Its decimal value is 1354980.

Hex triplet	14ace4	`#14ace4`
RGB Decimal	20, 172, 228	`rgb(20,172,228)`
RGB Percent	7.8, 67.5, 89.4	`rgb(7.8%,67.5%,89.4%)`
CMYK	91, 25, 0, 11
HSL	196.2°, 83.9, 48.6	`hsl(196.2,83.9%,48.6%)`
HSV (or HSB)	196.2°, 91.2, 89.4
Web Safe	0099cc	`#0099cc`

CIE-LAB	65.945, -16.444, -38.18
XYZ	29.041, 35.252, 78.668
xyY	0.203, 0.247, 35.252
CIE-LCH	65.945, 41.571, 246.698
CIE-LUV	65.945, -44.156, -58.865
Hunter-Lab	59.374, -16.596, -36.996
Binary	00010100, 10101100, 11100100

#14ace4
```
#14ace4 rgb(20,172,228)
```
#e44c14
```
#e44c14 rgb(228,76,20)
```

Complementary Color

#14e4b4
```
#14e4b4 rgb(20,228,180)
```
#14ace4
```
#14ace4 rgb(20,172,228)
```
#1444e4
```
#1444e4 rgb(20,68,228)
```

Analogous Color

#e4b414
```
#e4b414 rgb(228,180,20)
```
#14ace4
```
#14ace4 rgb(20,172,228)
```
#e41444
```
#e41444 rgb(228,20,68)
```

Split Complementary Color

#ace414
```
#ace414 rgb(172,228,20)
```
#14ace4
```
#14ace4 rgb(20,172,228)
```
#e414ac
```
#e414ac rgb(228,20,172)
```

Triadic Color

#14e44c
```
#14e44c rgb(20,228,76)
```
#14ace4
```
#14ace4 rgb(20,172,228)
```
#e414ac
```
#e414ac rgb(228,20,172)
```
#e44c14
```
#e44c14 rgb(228,76,20)
```

Tetradic Color

#0e779e
```
#0e779e rgb(14,119,158)
```
#1089b5
```
#1089b5 rgb(16,137,181)
```
#129acd
```
#129acd rgb(18,154,205)
```
#14ace4
```
#14ace4 rgb(20,172,228)
```
#26b7ec
```
#26b7ec rgb(38,183,236)
```
#3dbeee
```
#3dbeee rgb(61,190,238)
```
#54c6f0
```
#54c6f0 rgb(84,198,240)
```

Monochromatic Color

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

#14e0e4
```
#14e0e4 rgb(20,224,228)
```
#14cfe4
```
#14cfe4 rgb(20,207,228)
```
#14bde4
```
#14bde4 rgb(20,189,228)
```
#14ace4
```
#14ace4 rgb(20,172,228)
```
#149be4
```
#149be4 rgb(20,155,228)
```
#1489e4
```
#1489e4 rgb(20,137,228)
```
#1478e4
```
#1478e4 rgb(20,120,228)
```

Similar Colors

Text with hexadecimal color #14ace4

This text has a font color of #14ace4.

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

#14ace4 background color

This paragraph has a background color of #14ace4.

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

#14ace4 border color

This element has a border color of #14ace4.

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

CSS codes

.text {color:#14ace4;}

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

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

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

#01090c
```
#01090c rgb(1,9,12)
```
#03161e
```
#03161e rgb(3,22,30)
```
#042430
```
#042430 rgb(4,36,48)
```
#063242
```
#063242 rgb(6,50,66)
```
#073f54
```
#073f54 rgb(7,63,84)
```
#094d66
```
#094d66 rgb(9,77,102)
```
#0b5a78
```
#0b5a78 rgb(11,90,120)
```
#0c688a
```
#0c688a rgb(12,104,138)
```
#0e769c
```
#0e769c rgb(14,118,156)
```
#0f83ae
```
#0f83ae rgb(15,131,174)
```
#1191c0
```
#1191c0 rgb(17,145,192)
```
#129ed2
```
#129ed2 rgb(18,158,210)
```
#14ace4
```
#14ace4 rgb(20,172,228)
```

Shade Color Variation

#20b5eb
```
#20b5eb rgb(32,181,235)
```
#32bbed
```
#32bbed rgb(50,187,237)
```
#44c1ef
```
#44c1ef rgb(68,193,239)
```
#56c7f0
```
#56c7f0 rgb(86,199,240)
```
#68cdf2
```
#68cdf2 rgb(104,205,242)
```
#7ad3f3
```
#7ad3f3 rgb(122,211,243)
```
#8cd9f5
```
#8cd9f5 rgb(140,217,245)
```
#9edff7
```
#9edff7 rgb(158,223,247)
```
#b0e5f8
```
#b0e5f8 rgb(176,229,248)
```
#c2ebfa
```
#c2ebfa rgb(194,235,250)
```
#d4f1fb
```
#d4f1fb rgb(212,241,251)
```
#e7f7fd
```
#e7f7fd rgb(231,247,253)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

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

#738085
```
#738085 rgb(115,128,133)
```
#6a848e
```
#6a848e rgb(106,132,142)
```
#608998
```
#608998 rgb(96,137,152)
```
#578da1
```
#578da1 rgb(87,141,161)
```
#4d92ab
```
#4d92ab rgb(77,146,171)
```
#4496b4
```
#4496b4 rgb(68,150,180)
```
#3a9abe
```
#3a9abe rgb(58,154,190)
```
#319fc7
```
#319fc7 rgb(49,159,199)
```
#27a3d1
```
#27a3d1 rgb(39,163,209)
```
#1ea8da
```
#1ea8da rgb(30,168,218)
```
#14ace4
```
#14ace4 rgb(20,172,228)
```
#0ab0ee
```
#0ab0ee rgb(10,176,238)
```
#01b5f7
```
#01b5f7 rgb(1,181,247)
```

Tone Color Variation

Below, you can see how #14ace4 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
#6e8d98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93a3dc Protanopia 1% of men
#85a4ea Deuteranopia 1% of men
#00b5c1 Tritanopia 0.001% of the population

Trichromacy

#64a6df Protanomaly 1% of men, 0.01% of women
#5ca7e8 Deuteranomaly 6% of men, 0.4% of women
#07b1ce Tritanomaly 0.01% of the population

#14ace4 hex color

#14ace4 Color Information

#14ace4 Color Conversion

Color Schemes with #14ace4

Alternatives to #14ace4

#14ace4 Preview

Shades and Tints of #14ace4

Tones of #14ace4

Color Blindness Simulator