#214aed hex color

In a RGB color space, hex #214aed is composed of 12.9% red, 29% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 86.1% cyan, 68.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 227.9 degrees, a saturation of 85% and a lightness of 52.9%. #214aed color hex could be obtained by blending #4294ff with #0000db. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 13
- G 29
- B 93
RGB color chart
- C 86
- M 69
- Y 0
- K 7
CMYK color chart

● #214aed color description : Vivid blue.

The hexadecimal color #214aed has RGB values of R:33, G:74, B:237 and CMYK values of C:0.86, M:0.69, Y:0, K:0.07. Its decimal value is 2181869.

Hex triplet	214aed	`#214aed`
RGB Decimal	33, 74, 237	`rgb(33,74,237)`
RGB Percent	12.9, 29, 92.9	`rgb(12.9%,29%,92.9%)`
CMYK	86, 69, 0, 7
HSL	227.9°, 85, 52.9	`hsl(227.9,85%,52.9%)`
HSV (or HSB)	227.9°, 86.1, 92.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.137, 47.057, -84.682
XYZ	18.359, 11.334, 81.336
xyY	0.165, 0.102, 11.334
CIE-LCH	40.137, 96.878, 299.061
CIE-LUV	40.137, -14.609, -121.272
Hunter-Lab	33.666, 38.426, -119.678
Binary	00100001, 01001010, 11101101

#214aed
```
#214aed rgb(33,74,237)
```
#edc421
```
#edc421 rgb(237,196,33)
```

Complementary Color

#21b0ed
```
#21b0ed rgb(33,176,237)
```
#214aed
```
#214aed rgb(33,74,237)
```
#5e21ed
```
#5e21ed rgb(94,33,237)
```

Analogous Color

#b0ed21
```
#b0ed21 rgb(176,237,33)
```
#214aed
```
#214aed rgb(33,74,237)
```
#ed5e21
```
#ed5e21 rgb(237,94,33)
```

Split Complementary Color

#4aed21
```
#4aed21 rgb(74,237,33)
```
#214aed
```
#214aed rgb(33,74,237)
```
#ed214a
```
#ed214a rgb(237,33,74)
```

Triadic Color

#21edc4
```
#21edc4 rgb(33,237,196)
```
#214aed
```
#214aed rgb(33,74,237)
```
#ed214a
```
#ed214a rgb(237,33,74)
```
#edc421
```
#edc421 rgb(237,196,33)
```

Tetradic Color

#0f30b3
```
#0f30b3 rgb(15,48,179)
```
#1036cb
```
#1036cb rgb(16,54,203)
```
#123ce2
```
#123ce2 rgb(18,60,226)
```
#214aed
```
#214aed rgb(33,74,237)
```
#395def
```
#395def rgb(57,93,239)
```
#5070f1
```
#5070f1 rgb(80,112,241)
```
#6884f3
```
#6884f3 rgb(104,132,243)
```

Monochromatic Color

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

#217ded
```
#217ded rgb(33,125,237)
```
#216ced
```
#216ced rgb(33,108,237)
```
#215bed
```
#215bed rgb(33,91,237)
```
#214aed
```
#214aed rgb(33,74,237)
```
#2139ed
```
#2139ed rgb(33,57,237)
```
#2128ed
```
#2128ed rgb(33,40,237)
```
#2b21ed
```
#2b21ed rgb(43,33,237)
```

Similar Colors

Text with hexadecimal color #214aed

This text has a font color of #214aed.

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

#214aed background color

This paragraph has a background color of #214aed.

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

#214aed border color

This element has a border color of #214aed.

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

CSS codes

.text {color:#214aed;}

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

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

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, #01040e is the darkest color, while #fbfcff is the lightest one.

#01040e
```
#01040e rgb(1,4,14)
```
#030920
```
#030920 rgb(3,9,32)
```
#040d32
```
#040d32 rgb(4,13,50)
```
#061244
```
#061244 rgb(6,18,68)
```
#071756
```
#071756 rgb(7,23,86)
```
#081c69
```
#081c69 rgb(8,28,105)
```
#0a217b
```
#0a217b rgb(10,33,123)
```
#0b258d
```
#0b258d rgb(11,37,141)
```
#0d2a9f
```
#0d2a9f rgb(13,42,159)
```
#0e2fb1
```
#0e2fb1 rgb(14,47,177)
```
#1034c3
```
#1034c3 rgb(16,52,195)
```
#1139d5
```
#1139d5 rgb(17,57,213)
```
#133ee8
```
#133ee8 rgb(19,62,232)
```

Shade Color Variation

#214aed
```
#214aed rgb(33,74,237)
```
#3359ee
```
#3359ee rgb(51,89,238)
```
#4568f0
```
#4568f0 rgb(69,104,240)
```
#5776f1
```
#5776f1 rgb(87,118,241)
```
#6a85f3
```
#6a85f3 rgb(106,133,243)
```
#7c94f4
```
#7c94f4 rgb(124,148,244)
```
#8ea3f6
```
#8ea3f6 rgb(142,163,246)
```
#a0b2f7
```
#a0b2f7 rgb(160,178,247)
```
#b2c0f9
```
#b2c0f9 rgb(178,192,249)
```
#c4cffa
```
#c4cffa rgb(196,207,250)
```
#d6defc
```
#d6defc rgb(214,222,252)
```
#e9edfd
```
#e9edfd rgb(233,237,253)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#878787
```
#878787 rgb(135,135,135)
```
#7d8191
```
#7d8191 rgb(125,129,145)
```
#747c9a
```
#747c9a rgb(116,124,154)
```
#6b76a3
```
#6b76a3 rgb(107,118,163)
```
#6271ac
```
#6271ac rgb(98,113,172)
```
#586bb6
```
#586bb6 rgb(88,107,182)
```
#4f66bf
```
#4f66bf rgb(79,102,191)
```
#4660c8
```
#4660c8 rgb(70,96,200)
```
#3d5bd1
```
#3d5bd1 rgb(61,91,209)
```
#3355db
```
#3355db rgb(51,85,219)
```
#2a50e4
```
#2a50e4 rgb(42,80,228)
```
#214aed
```
#214aed rgb(33,74,237)
```
#1844f6
```
#1844f6 rgb(24,68,246)
```

Tone Color Variation

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

#0063c2 Protanopia 1% of men
#0069a8 Deuteranopia 1% of men
#007176 Tritanopia 0.001% of the population

Trichromacy

#0c5ad2 Protanomaly 1% of men, 0.01% of women
#0c5ec1 Deuteranomaly 6% of men, 0.4% of women
#0c62a1 Tritanomaly 0.01% of the population

#214aed hex color

#214aed Color Information

#214aed Color Conversion

Color Schemes with #214aed

Alternatives to #214aed

#214aed Preview

Shades and Tints of #214aed

Tones of #214aed

Color Blindness Simulator