#214196 hex color

In a RGB color space, hex #214196 is composed of 12.9% red, 25.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 56.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 223.6 degrees, a saturation of 63.9% and a lightness of 35.9%. #214196 color hex could be obtained by blending #4282ff with #00002d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 13
- G 25
- B 59
RGB color chart
- C 78
- M 57
- Y 0
- K 41
CMYK color chart

● #214196 color description : Dark blue.

The hexadecimal color #214196 has RGB values of R:33, G:65, B:150 and CMYK values of C:0.78, M:0.57, Y:0, K:0.41. Its decimal value is 2179478.

Hex triplet	214196	`#214196`
RGB Decimal	33, 65, 150	`rgb(33,65,150)`
RGB Percent	12.9, 25.5, 58.8	`rgb(12.9%,25.5%,58.8%)`
CMYK	78, 57, 0, 41
HSL	223.6°, 63.9, 35.9	`hsl(223.6,63.9%,35.9%)`
HSV (or HSB)	223.6°, 78, 58.8
Web Safe	333399	`#333399`

CIE-LAB	30.17, 20.308, -50.025
XYZ	8.021, 6.305, 29.647
xyY	0.182, 0.143, 6.305
CIE-LCH	30.17, 53.99, 292.095
CIE-LUV	30.17, -11.895, -67.486
Hunter-Lab	25.11, 13.077, -52.424
Binary	00100001, 01000001, 10010110

#214196
```
#214196 rgb(33,65,150)
```
#967621
```
#967621 rgb(150,118,33)
```

Complementary Color

#217c96
```
#217c96 rgb(33,124,150)
```
#214196
```
#214196 rgb(33,65,150)
```
#3c2196
```
#3c2196 rgb(60,33,150)
```

Analogous Color

#7c9621
```
#7c9621 rgb(124,150,33)
```
#214196
```
#214196 rgb(33,65,150)
```
#963c21
```
#963c21 rgb(150,60,33)
```

Split Complementary Color

#419621
```
#419621 rgb(65,150,33)
```
#214196
```
#214196 rgb(33,65,150)
```
#962141
```
#962141 rgb(150,33,65)
```

Triadic Color

#219676
```
#219676 rgb(33,150,118)
```
#214196
```
#214196 rgb(33,65,150)
```
#962141
```
#962141 rgb(150,33,65)
```
#967621
```
#967621 rgb(150,118,33)
```

Tetradic Color

#132657
```
#132657 rgb(19,38,87)
```
#182f6c
```
#182f6c rgb(24,47,108)
```
#1c3881
```
#1c3881 rgb(28,56,129)
```
#214196
```
#214196 rgb(33,65,150)
```
#264aab
```
#264aab rgb(38,74,171)
```
#2a53c0
```
#2a53c0 rgb(42,83,192)
```
#325dd2
```
#325dd2 rgb(50,93,210)
```

Monochromatic Color

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

#215e96
```
#215e96 rgb(33,94,150)
```
#215596
```
#215596 rgb(33,85,150)
```
#214b96
```
#214b96 rgb(33,75,150)
```
#214196
```
#214196 rgb(33,65,150)
```
#213796
```
#213796 rgb(33,55,150)
```
#212e96
```
#212e96 rgb(33,46,150)
```
#212496
```
#212496 rgb(33,36,150)
```

Similar Colors

Text with hexadecimal color #214196

This text has a font color of #214196.

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

#214196 background color

This paragraph has a background color of #214196.

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

#214196 border color

This element has a border color of #214196.

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

CSS codes

.text {color:#214196;}

.background {background-color:#214196;}

.border {border:1px solid #214196;}

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

#010205
```
#010205 rgb(1,2,5)
```
#050915
```
#050915 rgb(5,9,21)
```
#081025
```
#081025 rgb(8,16,37)
```
#0c1736
```
#0c1736 rgb(12,23,54)
```
#0f1e46
```
#0f1e46 rgb(15,30,70)
```
#132556
```
#132556 rgb(19,37,86)
```
#162c66
```
#162c66 rgb(22,44,102)
```
#1a3376
```
#1a3376 rgb(26,51,118)
```
#1d3a86
```
#1d3a86 rgb(29,58,134)
```
#214196
```
#214196 rgb(33,65,150)
```
#2548a6
```
#2548a6 rgb(37,72,166)
```
#284fb6
```
#284fb6 rgb(40,79,182)
```
#2c56c6
```
#2c56c6 rgb(44,86,198)
```

Shade Color Variation

#335fd2
```
#335fd2 rgb(51,95,210)
```
#436bd6
```
#436bd6 rgb(67,107,214)
```
#5378d9
```
#5378d9 rgb(83,120,217)
```
#6485dd
```
#6485dd rgb(100,133,221)
```
#7491e0
```
#7491e0 rgb(116,145,224)
```
#849ee4
```
#849ee4 rgb(132,158,228)
```
#94abe7
```
#94abe7 rgb(148,171,231)
```
#a4b7eb
```
#a4b7eb rgb(164,183,235)
```
#b4c4ee
```
#b4c4ee rgb(180,196,238)
```
#c4d1f2
```
#c4d1f2 rgb(196,209,242)
```
#d4ddf6
```
#d4ddf6 rgb(212,221,246)
```
#e4eaf9
```
#e4eaf9 rgb(228,234,249)
```
#f4f7fd
```
#f4f7fd rgb(244,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595b5e is the less saturated color, while #0534b2 is the most saturated one.

#595b5e
```
#595b5e rgb(89,91,94)
```
#525765
```
#525765 rgb(82,87,101)
```
#4b546c
```
#4b546c rgb(75,84,108)
```
#445173
```
#445173 rgb(68,81,115)
```
#3d4e7a
```
#3d4e7a rgb(61,78,122)
```
#364b81
```
#364b81 rgb(54,75,129)
```
#2f4788
```
#2f4788 rgb(47,71,136)
```
#28448f
```
#28448f rgb(40,68,143)
```
#214196
```
#214196 rgb(33,65,150)
```
#1a3e9d
```
#1a3e9d rgb(26,62,157)
```
#133ba4
```
#133ba4 rgb(19,59,164)
```
#0c37ab
```
#0c37ab rgb(12,55,171)
```
#0534b2
```
#0534b2 rgb(5,52,178)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#3b4152 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004e99 Protanopia 1% of men
#005286 Deuteranopia 1% of men
#00585d Tritanopia 0.001% of the population

Trichromacy

#0c4998 Protanomaly 1% of men, 0.01% of women
#0c4c8b Deuteranomaly 6% of men, 0.4% of women
#0c4f72 Tritanomaly 0.01% of the population

#214196 hex color

#214196 Color Information

#214196 Color Conversion

Color Schemes with #214196

Alternatives to #214196

#214196 Preview

Shades and Tints of #214196

Tones of #214196

Color Blindness Simulator