#214be5 hex color

In a RGB color space, hex #214be5 is composed of 12.9% red, 29.4% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 85.6% cyan, 67.2% magenta, 0% yellow and 10.2% black. It has a hue angle of 227.1 degrees, a saturation of 79% and a lightness of 51.4%. #214be5 color hex could be obtained by blending #4296ff with #0000cb. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 13
- G 29
- B 90
RGB color chart
- C 86
- M 67
- Y 0
- K 10
CMYK color chart

● #214be5 color description : Vivid blue.

The hexadecimal color #214be5 has RGB values of R:33, G:75, B:229 and CMYK values of C:0.86, M:0.67, Y:0, K:0.1. Its decimal value is 2182117.

Hex triplet	214be5	`#214be5`
RGB Decimal	33, 75, 229	`rgb(33,75,229)`
RGB Percent	12.9, 29.4, 89.8	`rgb(12.9%,29.4%,89.8%)`
CMYK	86, 67, 0, 10
HSL	227.1°, 79, 51.4	`hsl(227.1,79%,51.4%)`
HSV (or HSB)	227.1°, 85.6, 89.8
Web Safe	3333cc	`#3333cc`

CIE-LAB	39.599, 43.616, -81.034
XYZ	17.283, 11.011, 75.339
xyY	0.167, 0.106, 11.011
CIE-LCH	39.599, 92.026, 298.291
CIE-LUV	39.599, -14.719, -116.199
Hunter-Lab	33.183, 34.899, -111.383
Binary	00100001, 01001011, 11100101

#214be5
```
#214be5 rgb(33,75,229)
```
#e5bb21
```
#e5bb21 rgb(229,187,33)
```

Complementary Color

#21ade5
```
#21ade5 rgb(33,173,229)
```
#214be5
```
#214be5 rgb(33,75,229)
```
#5921e5
```
#5921e5 rgb(89,33,229)
```

Analogous Color

#ade521
```
#ade521 rgb(173,229,33)
```
#214be5
```
#214be5 rgb(33,75,229)
```
#e55921
```
#e55921 rgb(229,89,33)
```

Split Complementary Color

#4be521
```
#4be521 rgb(75,229,33)
```
#214be5
```
#214be5 rgb(33,75,229)
```
#e5214b
```
#e5214b rgb(229,33,75)
```

Triadic Color

#21e5bb
```
#21e5bb rgb(33,229,187)
```
#214be5
```
#214be5 rgb(33,75,229)
```
#e5214b
```
#e5214b rgb(229,33,75)
```
#e5bb21
```
#e5bb21 rgb(229,187,33)
```

Tetradic Color

#1333a6
```
#1333a6 rgb(19,51,166)
```
#163abd
```
#163abd rgb(22,58,189)
```
#1941d4
```
#1941d4 rgb(25,65,212)
```
#214be5
```
#214be5 rgb(33,75,229)
```
#385ee8
```
#385ee8 rgb(56,94,232)
```
#4f70ea
```
#4f70ea rgb(79,112,234)
```
#6583ed
```
#6583ed rgb(101,131,237)
```

Monochromatic Color

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

#217ce5
```
#217ce5 rgb(33,124,229)
```
#216ce5
```
#216ce5 rgb(33,108,229)
```
#215be5
```
#215be5 rgb(33,91,229)
```
#214be5
```
#214be5 rgb(33,75,229)
```
#213be5
```
#213be5 rgb(33,59,229)
```
#212ae5
```
#212ae5 rgb(33,42,229)
```
#2821e5
```
#2821e5 rgb(40,33,229)
```

Similar Colors

Text with hexadecimal color #214be5

This text has a font color of #214be5.

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

#214be5 background color

This paragraph has a background color of #214be5.

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

#214be5 border color

This element has a border color of #214be5.

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

CSS codes

.text {color:#214be5;}

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

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

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

#010206
```
#010206 rgb(1,2,6)
```
#030718
```
#030718 rgb(3,7,24)
```
#050d29
```
#050d29 rgb(5,13,41)
```
#07123b
```
#07123b rgb(7,18,59)
```
#09174d
```
#09174d rgb(9,23,77)
```
#0b1d5e
```
#0b1d5e rgb(11,29,94)
```
#0d2270
```
#0d2270 rgb(13,34,112)
```
#0f2881
```
#0f2881 rgb(15,40,129)
```
#112d93
```
#112d93 rgb(17,45,147)
```
#1332a4
```
#1332a4 rgb(19,50,164)
```
#1538b6
```
#1538b6 rgb(21,56,182)
```
#173dc7
```
#173dc7 rgb(23,61,199)
```
#1942d9
```
#1942d9 rgb(25,66,217)
```

Shade Color Variation

#214be5
```
#214be5 rgb(33,75,229)
```
#3359e7
```
#3359e7 rgb(51,89,231)
```
#4467e9
```
#4467e9 rgb(68,103,233)
```
#5676eb
```
#5676eb rgb(86,118,235)
```
#6784ed
```
#6784ed rgb(103,132,237)
```
#7992ef
```
#7992ef rgb(121,146,239)
```
#8aa0f1
```
#8aa0f1 rgb(138,160,241)
```
#9caff3
```
#9caff3 rgb(156,175,243)
```
#adbdf5
```
#adbdf5 rgb(173,189,245)
```
#bfcbf8
```
#bfcbf8 rgb(191,203,248)
```
#d1d9fa
```
#d1d9fa rgb(209,217,250)
```
#e2e8fc
```
#e2e8fc rgb(226,232,252)
```
#f4f6fe
```
#f4f6fe rgb(244,246,254)
```

Tint Color Variation

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

#808286
```
#808286 rgb(128,130,134)
```
#777c8f
```
#777c8f rgb(119,124,143)
```
#6d7799
```
#6d7799 rgb(109,119,153)
```
#6471a2
```
#6471a2 rgb(100,113,162)
```
#5a6cac
```
#5a6cac rgb(90,108,172)
```
#5166b5
```
#5166b5 rgb(81,102,181)
```
#4761bf
```
#4761bf rgb(71,97,191)
```
#3e5bc8
```
#3e5bc8 rgb(62,91,200)
```
#3456d2
```
#3456d2 rgb(52,86,210)
```
#2b50db
```
#2b50db rgb(43,80,219)
```
#214be5
```
#214be5 rgb(33,75,229)
```
#1746ef
```
#1746ef rgb(23,70,239)
```
#0e40f8
```
#0e40f8 rgb(14,64,248)
```

Tone Color Variation

Below, you can see how #214be5 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
#474f6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062c0 Protanopia 1% of men
#0068a6 Deuteranopia 1% of men
#006f75 Tritanopia 0.001% of the population

Trichromacy

#0c5acd Protanomaly 1% of men, 0.01% of women
#0c5dbd Deuteranomaly 6% of men, 0.4% of women
#0c629d Tritanomaly 0.01% of the population

#214be5 hex color

#214be5 Color Information

#214be5 Color Conversion

Color Schemes with #214be5

Alternatives to #214be5

#214be5 Preview

Shades and Tints of #214be5

Tones of #214be5

Color Blindness Simulator