#214be9 hex color

In a RGB color space, hex #214be9 is composed of 12.9% red, 29.4% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 85.8% cyan, 67.8% magenta, 0% yellow and 8.6% black. It has a hue angle of 227.4 degrees, a saturation of 82% and a lightness of 52.2%. #214be9 color hex could be obtained by blending #4296ff 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

● #214be9 color description : Vivid blue.

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

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

CIE-LAB	39.977, 45.041, -82.682
XYZ	17.848, 11.237, 78.315
xyY	0.166, 0.105, 11.237
CIE-LCH	39.977, 94.154, 298.579
CIE-LUV	39.977, -14.761, -118.654
Hunter-Lab	33.522, 36.375, -115.049
Binary	00100001, 01001011, 11101001

#214be9
```
#214be9 rgb(33,75,233)
```
#e9bf21
```
#e9bf21 rgb(233,191,33)
```

Complementary Color

#21afe9
```
#21afe9 rgb(33,175,233)
```
#214be9
```
#214be9 rgb(33,75,233)
```
#5b21e9
```
#5b21e9 rgb(91,33,233)
```

Analogous Color

#afe921
```
#afe921 rgb(175,233,33)
```
#214be9
```
#214be9 rgb(33,75,233)
```
#e95b21
```
#e95b21 rgb(233,91,33)
```

Split Complementary Color

#4be921
```
#4be921 rgb(75,233,33)
```
#214be9
```
#214be9 rgb(33,75,233)
```
#e9214b
```
#e9214b rgb(233,33,75)
```

Triadic Color

#21e9bf
```
#21e9bf rgb(33,233,191)
```
#214be9
```
#214be9 rgb(33,75,233)
```
#e9214b
```
#e9214b rgb(233,33,75)
```
#e9bf21
```
#e9bf21 rgb(233,191,33)
```

Tetradic Color

#1132ac
```
#1132ac rgb(17,50,172)
```
#1338c4
```
#1338c4 rgb(19,56,196)
```
#163fdb
```
#163fdb rgb(22,63,219)
```
#214be9
```
#214be9 rgb(33,75,233)
```
#385eeb
```
#385eeb rgb(56,94,235)
```
#4f71ee
```
#4f71ee rgb(79,113,238)
```
#6783f0
```
#6783f0 rgb(103,131,240)
```

Monochromatic Color

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

#217de9
```
#217de9 rgb(33,125,233)
```
#216ce9
```
#216ce9 rgb(33,108,233)
```
#215ce9
```
#215ce9 rgb(33,92,233)
```
#214be9
```
#214be9 rgb(33,75,233)
```
#213ae9
```
#213ae9 rgb(33,58,233)
```
#212ae9
```
#212ae9 rgb(33,42,233)
```
#2921e9
```
#2921e9 rgb(41,33,233)
```

Similar Colors

Text with hexadecimal color #214be9

This text has a font color of #214be9.

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

#214be9 background color

This paragraph has a background color of #214be9.

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

#214be9 border color

This element has a border color of #214be9.

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

CSS codes

.text {color:#214be9;}

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

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

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)
```
#0a1d63
```
#0a1d63 rgb(10,29,99)
```
#0c2275
```
#0c2275 rgb(12,34,117)
```
#0d2787
```
#0d2787 rgb(13,39,135)
```
#0f2c99
```
#0f2c99 rgb(15,44,153)
```
#1131ab
```
#1131ab rgb(17,49,171)
```
#1336bc
```
#1336bc rgb(19,54,188)
```
#143bce
```
#143bce rgb(20,59,206)
```
#1641e0
```
#1641e0 rgb(22,65,224)
```

Shade Color Variation

#214be9
```
#214be9 rgb(33,75,233)
```
#3359eb
```
#3359eb rgb(51,89,235)
```
#4568ed
```
#4568ed rgb(69,104,237)
```
#5776ee
```
#5776ee rgb(87,118,238)
```
#6885f0
```
#6885f0 rgb(104,133,240)
```
#7a93f2
```
#7a93f2 rgb(122,147,242)
```
#8ca2f4
```
#8ca2f4 rgb(140,162,244)
```
#9eb0f5
```
#9eb0f5 rgb(158,176,245)
```
#b0bff7
```
#b0bff7 rgb(176,191,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 #0e40fc is the most saturated one.

#7f818b
```
#7f818b rgb(127,129,139)
```
#757c95
```
#757c95 rgb(117,124,149)
```
#6c779e
```
#6c779e rgb(108,119,158)
```
#6371a7
```
#6371a7 rgb(99,113,167)
```
#596cb1
```
#596cb1 rgb(89,108,177)
```
#5066ba
```
#5066ba rgb(80,102,186)
```
#4761c3
```
#4761c3 rgb(71,97,195)
```
#3d5bcd
```
#3d5bcd rgb(61,91,205)
```
#3456d6
```
#3456d6 rgb(52,86,214)
```
#2a50e0
```
#2a50e0 rgb(42,80,224)
```
#214be9
```
#214be9 rgb(33,75,233)
```
#1846f2
```
#1846f2 rgb(24,70,242)
```
#0e40fc
```
#0e40fc rgb(14,64,252)
```

Tone Color Variation

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

#0063c1 Protanopia 1% of men
#0069a8 Deuteranopia 1% of men
#007076 Tritanopia 0.001% of the population

Trichromacy

#0c5ad0 Protanomaly 1% of men, 0.01% of women
#0c5ebf Deuteranomaly 6% of men, 0.4% of women
#0c639f Tritanomaly 0.01% of the population

#214be9 hex color

#214be9 Color Information

#214be9 Color Conversion

Color Schemes with #214be9

Alternatives to #214be9

#214be9 Preview

Shades and Tints of #214be9

Tones of #214be9

Color Blindness Simulator