#214ae9 hex color

In a RGB color space, hex #214ae9 is composed of 12.9% red, 29% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 85.8% cyan, 68.2% magenta, 0% yellow and 8.6% black. It has a hue angle of 227.7 degrees, a saturation of 82% and a lightness of 52.2%. #214ae9 color hex could be obtained by blending #4294ff with #0000d3. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 13
- G 29
- B 91
RGB color chart
- C 86
- M 68
- Y 0
- K 9
CMYK color chart

● #214ae9 color description : Vivid blue.

The hexadecimal color #214ae9 has RGB values of R:33, G:74, B:233 and CMYK values of C:0.86, M:0.68, Y:0, K:0.09. Its decimal value is 2181865.

Hex triplet	214ae9	`#214ae9`
RGB Decimal	33, 74, 233	`rgb(33,74,233)`
RGB Percent	12.9, 29, 91.4	`rgb(12.9%,29%,91.4%)`
CMYK	86, 68, 0, 9
HSL	227.7°, 82, 52.2	`hsl(227.7,82%,52.2%)`
HSV (or HSB)	227.7°, 85.8, 91.4
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.753, 45.648, -83.052
XYZ	17.781, 11.103, 78.292
xyY	0.166, 0.104, 11.103
CIE-LCH	39.753, 94.77, 298.795
CIE-LUV	39.753, -14.56, -118.844
Hunter-Lab	33.321, 36.942, -115.987
Binary	00100001, 01001010, 11101001

#214ae9
```
#214ae9 rgb(33,74,233)
```
#e9c021
```
#e9c021 rgb(233,192,33)
```

Complementary Color

#21aee9
```
#21aee9 rgb(33,174,233)
```
#214ae9
```
#214ae9 rgb(33,74,233)
```
#5c21e9
```
#5c21e9 rgb(92,33,233)
```

Analogous Color

#aee921
```
#aee921 rgb(174,233,33)
```
#214ae9
```
#214ae9 rgb(33,74,233)
```
#e95c21
```
#e95c21 rgb(233,92,33)
```

Split Complementary Color

#4ae921
```
#4ae921 rgb(74,233,33)
```
#214ae9
```
#214ae9 rgb(33,74,233)
```
#e9214a
```
#e9214a rgb(233,33,74)
```

Triadic Color

#21e9c0
```
#21e9c0 rgb(33,233,192)
```
#214ae9
```
#214ae9 rgb(33,74,233)
```
#e9214a
```
#e9214a rgb(233,33,74)
```
#e9c021
```
#e9c021 rgb(233,192,33)
```

Tetradic Color

#1131ac
```
#1131ac rgb(17,49,172)
```
#1338c4
```
#1338c4 rgb(19,56,196)
```
#163edb
```
#163edb rgb(22,62,219)
```
#214ae9
```
#214ae9 rgb(33,74,233)
```
#385deb
```
#385deb rgb(56,93,235)
```
#4f70ee
```
#4f70ee rgb(79,112,238)
```
#6783f0
```
#6783f0 rgb(103,131,240)
```

Monochromatic Color

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

#217ce9
```
#217ce9 rgb(33,124,233)
```
#216be9
```
#216be9 rgb(33,107,233)
```
#215be9
```
#215be9 rgb(33,91,233)
```
#214ae9
```
#214ae9 rgb(33,74,233)
```
#2139e9
```
#2139e9 rgb(33,57,233)
```
#2129e9
```
#2129e9 rgb(33,41,233)
```
#2a21e9
```
#2a21e9 rgb(42,33,233)
```

Similar Colors

Text with hexadecimal color #214ae9

This text has a font color of #214ae9.

<span style="color:#214ae9;">Text here</span>

#214ae9 background color

This paragraph has a background color of #214ae9.

<p style="background-color:#214ae9;">Content here</p>

#214ae9 border color

This element has a border color of #214ae9.

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

CSS codes

.text {color:#214ae9;}

.background {background-color:#214ae9;}

.border {border:1px solid #214ae9;}

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

#01030a
```
#01030a rgb(1,3,10)
```
#03081c
```
#03081c rgb(3,8,28)
```
#050d2e
```
#050d2e rgb(5,13,46)
```
#061240
```
#061240 rgb(6,18,64)
```
#081751
```
#081751 rgb(8,23,81)
```
#0a1c63
```
#0a1c63 rgb(10,28,99)
```
#0c2175
```
#0c2175 rgb(12,33,117)
```
#0d2687
```
#0d2687 rgb(13,38,135)
```
#0f2b99
```
#0f2b99 rgb(15,43,153)
```
#1130ab
```
#1130ab rgb(17,48,171)
```
#1335bc
```
#1335bc rgb(19,53,188)
```
#143bce
```
#143bce rgb(20,59,206)
```
#1640e0
```
#1640e0 rgb(22,64,224)
```

Shade Color Variation

#214ae9
```
#214ae9 rgb(33,74,233)
```
#3359eb
```
#3359eb rgb(51,89,235)
```
#4567ed
```
#4567ed rgb(69,103,237)
```
#5776ee
```
#5776ee rgb(87,118,238)
```
#6884f0
```
#6884f0 rgb(104,132,240)
```
#7a93f2
```
#7a93f2 rgb(122,147,242)
```
#8ca1f4
```
#8ca1f4 rgb(140,161,244)
```
#9eb0f5
```
#9eb0f5 rgb(158,176,245)
```
#b0bef7
```
#b0bef7 rgb(176,190,247)
```
#c2cdf9
```
#c2cdf9 rgb(194,205,249)
```
#d3dcfb
```
#d3dcfb rgb(211,220,251)
```
#e5eafc
```
#e5eafc rgb(229,234,252)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

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

#7f818b
```
#7f818b rgb(127,129,139)
```
#757c95
```
#757c95 rgb(117,124,149)
```
#6c769e
```
#6c769e rgb(108,118,158)
```
#6371a7
```
#6371a7 rgb(99,113,167)
```
#596bb1
```
#596bb1 rgb(89,107,177)
```
#5066ba
```
#5066ba rgb(80,102,186)
```
#4760c3
```
#4760c3 rgb(71,96,195)
```
#3d5bcd
```
#3d5bcd rgb(61,91,205)
```
#3455d6
```
#3455d6 rgb(52,85,214)
```
#2a50e0
```
#2a50e0 rgb(42,80,224)
```
#214ae9
```
#214ae9 rgb(33,74,233)
```
#1844f2
```
#1844f2 rgb(24,68,242)
```
#0e3ffc
```
#0e3ffc rgb(14,63,252)
```

Tone Color Variation

Below, you can see how #214ae9 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

#505050 Achromatopsia 0.005% of the population
#474f6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c0 Protanopia 1% of men
#0068a7 Deuteranopia 1% of men
#007075 Tritanopia 0.001% of the population

Trichromacy

#0c59cf Protanomaly 1% of men, 0.01% of women
#0c5dbf Deuteranomaly 6% of men, 0.4% of women
#0c629f Tritanomaly 0.01% of the population

#214ae9 hex color

#214ae9 Color Information

#214ae9 Color Conversion

Color Schemes with #214ae9

Alternatives to #214ae9

#214ae9 Preview

Shades and Tints of #214ae9

Tones of #214ae9

Color Blindness Simulator