#214bc2 hex color

In a RGB color space, hex #214bc2 is composed of 12.9% red, 29.4% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 83% cyan, 61.3% magenta, 0% yellow and 23.9% black. It has a hue angle of 224.3 degrees, a saturation of 70.9% and a lightness of 44.5%. #214bc2 color hex could be obtained by blending #4296ff with #000085. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 13
- G 29
- B 76
RGB color chart
- C 83
- M 61
- Y 0
- K 24
CMYK color chart

● #214bc2 color description : Strong blue.

The hexadecimal color #214bc2 has RGB values of R:33, G:75, B:194 and CMYK values of C:0.83, M:0.61, Y:0, K:0.24. Its decimal value is 2182082.

Hex triplet	214bc2	`#214bc2`
RGB Decimal	33, 75, 194	`rgb(33,75,194)`
RGB Percent	12.9, 29.4, 76.1	`rgb(12.9%,29.4%,76.1%)`
CMYK	83, 61, 0, 24
HSL	224.3°, 70.9, 44.5	`hsl(224.3,70.9%,44.5%)`
HSV (or HSB)	224.3°, 83, 76.1
Web Safe	3333cc	`#3333cc`

CIE-LAB	36.46, 30.69, -66.025
XYZ	12.879, 9.25, 52.143
xyY	0.173, 0.125, 9.25
CIE-LCH	36.46, 72.809, 294.93
CIE-LUV	36.46, -14.508, -93.897
Hunter-Lab	30.413, 22.365, -80.362
Binary	00100001, 01001011, 11000010

#214bc2
```
#214bc2 rgb(33,75,194)
```
#c29821
```
#c29821 rgb(194,152,33)
```

Complementary Color

#219cc2
```
#219cc2 rgb(33,156,194)
```
#214bc2
```
#214bc2 rgb(33,75,194)
```
#4721c2
```
#4721c2 rgb(71,33,194)
```

Analogous Color

#9cc221
```
#9cc221 rgb(156,194,33)
```
#214bc2
```
#214bc2 rgb(33,75,194)
```
#c24721
```
#c24721 rgb(194,71,33)
```

Split Complementary Color

#4bc221
```
#4bc221 rgb(75,194,33)
```
#214bc2
```
#214bc2 rgb(33,75,194)
```
#c2214b
```
#c2214b rgb(194,33,75)
```

Triadic Color

#21c298
```
#21c298 rgb(33,194,152)
```
#214bc2
```
#214bc2 rgb(33,75,194)
```
#c2214b
```
#c2214b rgb(194,33,75)
```
#c29821
```
#c29821 rgb(194,152,33)
```

Tetradic Color

#163281
```
#163281 rgb(22,50,129)
```
#1a3a96
```
#1a3a96 rgb(26,58,150)
```
#1d43ac
```
#1d43ac rgb(29,67,172)
```
#214bc2
```
#214bc2 rgb(33,75,194)
```
#2553d8
```
#2553d8 rgb(37,83,216)
```
#3964dd
```
#3964dd rgb(57,100,221)
```
#4f75e1
```
#4f75e1 rgb(79,117,225)
```

Monochromatic Color

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

#2173c2
```
#2173c2 rgb(33,115,194)
```
#2166c2
```
#2166c2 rgb(33,102,194)
```
#2158c2
```
#2158c2 rgb(33,88,194)
```
#214bc2
```
#214bc2 rgb(33,75,194)
```
#213ec2
```
#213ec2 rgb(33,62,194)
```
#2130c2
```
#2130c2 rgb(33,48,194)
```
#2123c2
```
#2123c2 rgb(33,35,194)
```

Similar Colors

Text with hexadecimal color #214bc2

This text has a font color of #214bc2.

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

#214bc2 background color

This paragraph has a background color of #214bc2.

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

#214bc2 border color

This element has a border color of #214bc2.

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

CSS codes

.text {color:#214bc2;}

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

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

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, #02040a is the darkest color, while #f8f9fe is the lightest one.

#02040a
```
#02040a rgb(2,4,10)
```
#040a1a
```
#040a1a rgb(4,10,26)
```
#07112b
```
#07112b rgb(7,17,43)
```
#0a173c
```
#0a173c rgb(10,23,60)
```
#0d1e4d
```
#0d1e4d rgb(13,30,77)
```
#10245d
```
#10245d rgb(16,36,93)
```
#132b6e
```
#132b6e rgb(19,43,110)
```
#16317f
```
#16317f rgb(22,49,127)
```
#183890
```
#183890 rgb(24,56,144)
```
#1b3ea0
```
#1b3ea0 rgb(27,62,160)
```
#1e45b1
```
#1e45b1 rgb(30,69,177)
```
#214bc2
```
#214bc2 rgb(33,75,194)
```
#2451d3
```
#2451d3 rgb(36,81,211)
```

Shade Color Variation

#2f5cdc
```
#2f5cdc rgb(47,92,220)
```
#3f69de
```
#3f69de rgb(63,105,222)
```
#5076e1
```
#5076e1 rgb(80,118,225)
```
#6183e4
```
#6183e4 rgb(97,131,228)
```
#7290e7
```
#7290e7 rgb(114,144,231)
```
#829dea
```
#829dea rgb(130,157,234)
```
#93abed
```
#93abed rgb(147,171,237)
```
#a4b8f0
```
#a4b8f0 rgb(164,184,240)
```
#b5c5f2
```
#b5c5f2 rgb(181,197,242)
```
#c6d2f5
```
#c6d2f5 rgb(198,210,245)
```
#d6dff8
```
#d6dff8 rgb(214,223,248)
```
#e7ecfb
```
#e7ecfb rgb(231,236,251)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

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

#707173
```
#707173 rgb(112,113,115)
```
#676c7c
```
#676c7c rgb(103,108,124)
```
#5e6885
```
#5e6885 rgb(94,104,133)
```
#55648e
```
#55648e rgb(85,100,142)
```
#4d6096
```
#4d6096 rgb(77,96,150)
```
#445c9f
```
#445c9f rgb(68,92,159)
```
#3b58a8
```
#3b58a8 rgb(59,88,168)
```
#3253b1
```
#3253b1 rgb(50,83,177)
```
#2a4fb9
```
#2a4fb9 rgb(42,79,185)
```
#214bc2
```
#214bc2 rgb(33,75,194)
```
#1847cb
```
#1847cb rgb(24,71,203)
```
#1043d3
```
#1043d3 rgb(16,67,211)
```
#073edc
```
#073edc rgb(7,62,220)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#434c64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb3 Protanopia 1% of men
#00609c Deuteranopia 1% of men
#00676d Tritanopia 0.001% of the population

Trichromacy

#0c55b8 Protanomaly 1% of men, 0.01% of women
#0c58a9 Deuteranomaly 6% of men, 0.4% of women
#0c5d8c Tritanomaly 0.01% of the population

#214bc2 hex color

#214bc2 Color Information

#214bc2 Color Conversion

Color Schemes with #214bc2

Alternatives to #214bc2

#214bc2 Preview

Shades and Tints of #214bc2

Tones of #214bc2

Color Blindness Simulator