#214af5 hex color

In a RGB color space, hex #214af5 is composed of 12.9% red, 29% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 86.5% cyan, 69.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 228.4 degrees, a saturation of 91.4% and a lightness of 54.5%. #214af5 color hex could be obtained by blending #4294ff with #0000eb. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 13
- G 29
- B 96
RGB color chart
- C 87
- M 70
- Y 0
- K 4
CMYK color chart

● #214af5 color description : Vivid blue.

The hexadecimal color #214af5 has RGB values of R:33, G:74, B:245 and CMYK values of C:0.87, M:0.7, Y:0, K:0.04. Its decimal value is 2181877.

Hex triplet	214af5	`#214af5`
RGB Decimal	33, 74, 245	`rgb(33,74,245)`
RGB Percent	12.9, 29, 96.1	`rgb(12.9%,29%,96.1%)`
CMYK	87, 70, 0, 4
HSL	228.4°, 91.4, 54.5	`hsl(228.4,91.4%,54.5%)`
HSV (or HSB)	228.4°, 86.5, 96.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.916, 49.842, -87.905
XYZ	19.554, 11.812, 87.631
xyY	0.164, 0.099, 11.812
CIE-LCH	40.916, 101.052, 299.553
CIE-LUV	40.916, -14.716, -126.085
Hunter-Lab	34.369, 41.413, -127.116
Binary	00100001, 01001010, 11110101

#214af5
```
#214af5 rgb(33,74,245)
```
#f5cc21
```
#f5cc21 rgb(245,204,33)
```

Complementary Color

#21b4f5
```
#21b4f5 rgb(33,180,245)
```
#214af5
```
#214af5 rgb(33,74,245)
```
#6221f5
```
#6221f5 rgb(98,33,245)
```

Analogous Color

#b4f521
```
#b4f521 rgb(180,245,33)
```
#214af5
```
#214af5 rgb(33,74,245)
```
#f56221
```
#f56221 rgb(245,98,33)
```

Split Complementary Color

#4af521
```
#4af521 rgb(74,245,33)
```
#214af5
```
#214af5 rgb(33,74,245)
```
#f5214a
```
#f5214a rgb(245,33,74)
```

Triadic Color

#21f5cc
```
#21f5cc rgb(33,245,204)
```
#214af5
```
#214af5 rgb(33,74,245)
```
#f5214a
```
#f5214a rgb(245,33,74)
```
#f5cc21
```
#f5cc21 rgb(245,204,33)
```

Tetradic Color

#092cc1
```
#092cc1 rgb(9,44,193)
```
#0a32d9
```
#0a32d9 rgb(10,50,217)
```
#0b38f2
```
#0b38f2 rgb(11,56,242)
```
#214af5
```
#214af5 rgb(33,74,245)
```
#395ef6
```
#395ef6 rgb(57,94,246)
```
#5272f7
```
#5272f7 rgb(82,114,247)
```
#6a86f8
```
#6a86f8 rgb(106,134,248)
```

Monochromatic Color

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

#217ff5
```
#217ff5 rgb(33,127,245)
```
#216df5
```
#216df5 rgb(33,109,245)
```
#215cf5
```
#215cf5 rgb(33,92,245)
```
#214af5
```
#214af5 rgb(33,74,245)
```
#2138f5
```
#2138f5 rgb(33,56,245)
```
#2127f5
```
#2127f5 rgb(33,39,245)
```
#2d21f5
```
#2d21f5 rgb(45,33,245)
```

Similar Colors

Text with hexadecimal color #214af5

This text has a font color of #214af5.

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

#214af5 background color

This paragraph has a background color of #214af5.

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

#214af5 border color

This element has a border color of #214af5.

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

CSS codes

.text {color:#214af5;}

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

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

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, #000103 is the darkest color, while #eff2fe is the lightest one.

#000103
```
#000103 rgb(0,1,3)
```
#010516
```
#010516 rgb(1,5,22)
```
#020929
```
#020929 rgb(2,9,41)
```
#030e3c
```
#030e3c rgb(3,14,60)
```
#04124e
```
#04124e rgb(4,18,78)
```
#041661
```
#041661 rgb(4,22,97)
```
#051b74
```
#051b74 rgb(5,27,116)
```
#061f87
```
#061f87 rgb(6,31,135)
```
#072399
```
#072399 rgb(7,35,153)
```
#0828ac
```
#0828ac rgb(8,40,172)
```
#092cbf
```
#092cbf rgb(9,44,191)
```
#0930d2
```
#0930d2 rgb(9,48,210)
```
#0a34e4
```
#0a34e4 rgb(10,52,228)
```

Shade Color Variation

#0e3bf4
```
#0e3bf4 rgb(14,59,244)
```
#214af5
```
#214af5 rgb(33,74,245)
```
#3459f6
```
#3459f6 rgb(52,89,246)
```
#4769f7
```
#4769f7 rgb(71,105,247)
```
#5978f8
```
#5978f8 rgb(89,120,248)
```
#6c87f8
```
#6c87f8 rgb(108,135,248)
```
#7f97f9
```
#7f97f9 rgb(127,151,249)
```
#92a6fa
```
#92a6fa rgb(146,166,250)
```
#a4b5fb
```
#a4b5fb rgb(164,181,251)
```
#b7c4fc
```
#b7c4fc rgb(183,196,252)
```
#cad4fd
```
#cad4fd rgb(202,212,253)
```
#dde3fd
```
#dde3fd rgb(221,227,253)
```
#eff2fe
```
#eff2fe rgb(239,242,254)
```

Tint Color Variation

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

#838693
```
#838693 rgb(131,134,147)
```
#7a819c
```
#7a819c rgb(122,129,156)
```
#717ba5
```
#717ba5 rgb(113,123,165)
```
#6876ae
```
#6876ae rgb(104,118,174)
```
#5f70b7
```
#5f70b7 rgb(95,112,183)
```
#576bbf
```
#576bbf rgb(87,107,191)
```
#4e65c8
```
#4e65c8 rgb(78,101,200)
```
#4560d1
```
#4560d1 rgb(69,96,209)
```
#3c5ada
```
#3c5ada rgb(60,90,218)
```
#3355e3
```
#3355e3 rgb(51,85,227)
```
#2a4fec
```
#2a4fec rgb(42,79,236)
```
#214af5
```
#214af5 rgb(33,74,245)
```
#1845fe
```
#1845fe rgb(24,69,254)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#475072 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c5 Protanopia 1% of men
#006bab Deuteranopia 1% of men
#007378 Tritanopia 0.001% of the population

Trichromacy

#0c5bd7 Protanomaly 1% of men, 0.01% of women
#0c5fc6 Deuteranomaly 6% of men, 0.4% of women
#0c64a5 Tritanomaly 0.01% of the population

#214af5 hex color

#214af5 Color Information

#214af5 Color Conversion

Color Schemes with #214af5

Alternatives to #214af5

#214af5 Preview

Shades and Tints of #214af5

Tones of #214af5

Color Blindness Simulator