#214ad4 hex color

In a RGB color space, hex #214ad4 is composed of 12.9% red, 29% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 84.4% cyan, 65.1% magenta, 0% yellow and 16.9% black. It has a hue angle of 226.3 degrees, a saturation of 73.1% and a lightness of 48%. #214ad4 color hex could be obtained by blending #4294ff with #0000a9. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 13
- G 29
- B 83
RGB color chart
- C 84
- M 65
- Y 0
- K 17
CMYK color chart

● #214ad4 color description : Strong blue.

The hexadecimal color #214ad4 has RGB values of R:33, G:74, B:212 and CMYK values of C:0.84, M:0.65, Y:0, K:0.17. Its decimal value is 2181844.

Hex triplet	214ad4	`#214ad4`
RGB Decimal	33, 74, 212	`rgb(33,74,212)`
RGB Percent	12.9, 29, 83.1	`rgb(12.9%,29%,83.1%)`
CMYK	84, 65, 0, 17
HSL	226.3°, 73.1, 48	`hsl(226.3,73.1%,48%)`
HSV (or HSB)	226.3°, 84.4, 83.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.794, 38.072, -74.278
XYZ	14.957, 9.973, 63.42
xyY	0.169, 0.113, 9.973
CIE-LCH	37.794, 83.467, 297.138
CIE-LUV	37.794, -14.357, -105.814
Hunter-Lab	31.58, 29.276, -96.961
Binary	00100001, 01001010, 11010100

#214ad4
```
#214ad4 rgb(33,74,212)
```
#d4ab21
```
#d4ab21 rgb(212,171,33)
```

Complementary Color

#21a4d4
```
#21a4d4 rgb(33,164,212)
```
#214ad4
```
#214ad4 rgb(33,74,212)
```
#5221d4
```
#5221d4 rgb(82,33,212)
```

Analogous Color

#a4d421
```
#a4d421 rgb(164,212,33)
```
#214ad4
```
#214ad4 rgb(33,74,212)
```
#d45121
```
#d45121 rgb(212,81,33)
```

Split Complementary Color

#4ad421
```
#4ad421 rgb(74,212,33)
```
#214ad4
```
#214ad4 rgb(33,74,212)
```
#d4214a
```
#d4214a rgb(212,33,74)
```

Triadic Color

#21d4ab
```
#21d4ab rgb(33,212,171)
```
#214ad4
```
#214ad4 rgb(33,74,212)
```
#d4214a
```
#d4214a rgb(212,33,74)
```
#d4ab21
```
#d4ab21 rgb(212,171,33)
```

Tetradic Color

#173392
```
#173392 rgb(23,51,146)
```
#1a3ba8
```
#1a3ba8 rgb(26,59,168)
```
#1e42be
```
#1e42be rgb(30,66,190)
```
#214ad4
```
#214ad4 rgb(33,74,212)
```
#3058df
```
#3058df rgb(48,88,223)
```
#466ae2
```
#466ae2 rgb(70,106,226)
```
#5c7be6
```
#5c7be6 rgb(92,123,230)
```

Monochromatic Color

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

#2177d4
```
#2177d4 rgb(33,119,212)
```
#2168d4
```
#2168d4 rgb(33,104,212)
```
#2159d4
```
#2159d4 rgb(33,89,212)
```
#214ad4
```
#214ad4 rgb(33,74,212)
```
#213bd4
```
#213bd4 rgb(33,59,212)
```
#212cd4
```
#212cd4 rgb(33,44,212)
```
#2521d4
```
#2521d4 rgb(37,33,212)
```

Similar Colors

Text with hexadecimal color #214ad4

This text has a font color of #214ad4.

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

#214ad4 background color

This paragraph has a background color of #214ad4.

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

#214ad4 border color

This element has a border color of #214ad4.

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

CSS codes

.text {color:#214ad4;}

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

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

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

#010308
```
#010308 rgb(1,3,8)
```
#040919
```
#040919 rgb(4,9,25)
```
#070f2a
```
#070f2a rgb(7,15,42)
```
#09153b
```
#09153b rgb(9,21,59)
```
#0c1b4c
```
#0c1b4c rgb(12,27,76)
```
#0f215d
```
#0f215d rgb(15,33,93)
```
#11266e
```
#11266e rgb(17,38,110)
```
#142c7f
```
#142c7f rgb(20,44,127)
```
#163290
```
#163290 rgb(22,50,144)
```
#1938a1
```
#1938a1 rgb(25,56,161)
```
#1c3eb2
```
#1c3eb2 rgb(28,62,178)
```
#1e44c3
```
#1e44c3 rgb(30,68,195)
```
#214ad4
```
#214ad4 rgb(33,74,212)
```

Shade Color Variation

#2b54de
```
#2b54de rgb(43,84,222)
```
#3c61e1
```
#3c61e1 rgb(60,97,225)
```
#4d6fe3
```
#4d6fe3 rgb(77,111,227)
```
#5e7de6
```
#5e7de6 rgb(94,125,230)
```
#6f8ae9
```
#6f8ae9 rgb(111,138,233)
```
#8098eb
```
#8098eb rgb(128,152,235)
```
#91a6ee
```
#91a6ee rgb(145,166,238)
```
#a1b4f0
```
#a1b4f0 rgb(161,180,240)
```
#b2c1f3
```
#b2c1f3 rgb(178,193,243)
```
#c3cff6
```
#c3cff6 rgb(195,207,246)
```
#d4ddf8
```
#d4ddf8 rgb(212,221,248)
```
#e5eafb
```
#e5eafb rgb(229,234,251)
```
#f6f8fe
```
#f6f8fe rgb(246,248,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76787f is the less saturated color, while #053bf0 is the most saturated one.

#76787f
```
#76787f rgb(118,120,127)
```
#6c7389
```
#6c7389 rgb(108,115,137)
```
#636e92
```
#636e92 rgb(99,110,146)
```
#5a699b
```
#5a699b rgb(90,105,155)
```
#5064a5
```
#5064a5 rgb(80,100,165)
```
#475eae
```
#475eae rgb(71,94,174)
```
#3d59b8
```
#3d59b8 rgb(61,89,184)
```
#3454c1
```
#3454c1 rgb(52,84,193)
```
#2a4fcb
```
#2a4fcb rgb(42,79,203)
```
#214ad4
```
#214ad4 rgb(33,74,212)
```
#1845dd
```
#1845dd rgb(24,69,221)
```
#0e40e7
```
#0e40e7 rgb(14,64,231)
```
#053bf0
```
#053bf0 rgb(5,59,240)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#444c68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb8 Protanopia 1% of men
#0064a0 Deuteranopia 1% of men
#006b70 Tritanopia 0.001% of the population

Trichromacy

#0c57c2 Protanomaly 1% of men, 0.01% of women
#0c5ab3 Deuteranomaly 6% of men, 0.4% of women
#0c5f94 Tritanomaly 0.01% of the population

#214ad4 hex color

#214ad4 Color Information

#214ad4 Color Conversion

Color Schemes with #214ad4

Alternatives to #214ad4

#214ad4 Preview

Shades and Tints of #214ad4

Tones of #214ad4

Color Blindness Simulator