colorhexa.com

#214696 hex color

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

- R 13
- G 27
- B 59
RGB color chart
- C 78
- M 53
- Y 0
- K 41
CMYK color chart

● #214696 color description : Dark blue.

The hexadecimal color #214696 has RGB values of R:33, G:70, B:150 and CMYK values of C:0.78, M:0.53, Y:0, K:0.41. Its decimal value is 2180758.

Hex triplet	214696	`#214696`
RGB Decimal	33, 70, 150	`rgb(33,70,150)`
RGB Percent	12.9, 27.5, 58.8	`rgb(12.9%,27.5%,58.8%)`
CMYK	78, 53, 0, 41
HSL	221°, 63.9, 35.9	`hsl(221,63.9%,35.9%)`
HSV (or HSB)	221°, 78, 58.8
Web Safe	333399	`#333399`

CIE-LAB	31.59, 16.888, -47.723
XYZ	8.321, 6.905, 29.747
xyY	0.185, 0.154, 6.905
CIE-LCH	31.59, 50.623, 289.488
CIE-LUV	31.59, -13.288, -65.446
Hunter-Lab	26.277, 10.539, -48.724
Binary	00100001, 01000110, 10010110

#214696
```
#214696 rgb(33,70,150)
```
#967121
```
#967121 rgb(150,113,33)
```

Complementary Color

#218196
```
#218196 rgb(33,129,150)
```
#214696
```
#214696 rgb(33,70,150)
```
#372196
```
#372196 rgb(55,33,150)
```

Analogous Color

#819621
```
#819621 rgb(129,150,33)
```
#214696
```
#214696 rgb(33,70,150)
```
#963721
```
#963721 rgb(150,55,33)
```

Split Complementary Color

#469621
```
#469621 rgb(70,150,33)
```
#214696
```
#214696 rgb(33,70,150)
```
#962146
```
#962146 rgb(150,33,70)
```

Triadic Color

#219671
```
#219671 rgb(33,150,113)
```
#214696
```
#214696 rgb(33,70,150)
```
#962146
```
#962146 rgb(150,33,70)
```
#967121
```
#967121 rgb(150,113,33)
```

Tetradic Color

#132957
```
#132957 rgb(19,41,87)
```
#18326c
```
#18326c rgb(24,50,108)
```
#1c3c81
```
#1c3c81 rgb(28,60,129)
```
#214696
```
#214696 rgb(33,70,150)
```
#2650ab
```
#2650ab rgb(38,80,171)
```
#2a5ac0
```
#2a5ac0 rgb(42,90,192)
```
#3264d2
```
#3264d2 rgb(50,100,210)
```

Monochromatic Color

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

#216396
```
#216396 rgb(33,99,150)
```
#215a96
```
#215a96 rgb(33,90,150)
```
#215096
```
#215096 rgb(33,80,150)
```
#214696
```
#214696 rgb(33,70,150)
```
#213c96
```
#213c96 rgb(33,60,150)
```
#213396
```
#213396 rgb(33,51,150)
```
#212996
```
#212996 rgb(33,41,150)
```

Similar Colors

Text with hexadecimal color #214696

This text has a font color of #214696.

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

#214696 background color

This paragraph has a background color of #214696.

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

#214696 border color

This element has a border color of #214696.

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

CSS codes

.text {color:#214696;}

.background {background-color:#214696;}

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

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)
```
#050a15
```
#050a15 rgb(5,10,21)
```
#081125
```
#081125 rgb(8,17,37)
```
#0c1936
```
#0c1936 rgb(12,25,54)
```
#0f2046
```
#0f2046 rgb(15,32,70)
```
#132856
```
#132856 rgb(19,40,86)
```
#162f66
```
#162f66 rgb(22,47,102)
```
#1a3776
```
#1a3776 rgb(26,55,118)
```
#1d3e86
```
#1d3e86 rgb(29,62,134)
```
#214696
```
#214696 rgb(33,70,150)
```
#254ea6
```
#254ea6 rgb(37,78,166)
```
#2855b6
```
#2855b6 rgb(40,85,182)
```
#2c5dc6
```
#2c5dc6 rgb(44,93,198)
```

Shade Color Variation

#3366d2
```
#3366d2 rgb(51,102,210)
```
#4372d6
```
#4372d6 rgb(67,114,214)
```
#537ed9
```
#537ed9 rgb(83,126,217)
```
#648add
```
#648add rgb(100,138,221)
```
#7496e0
```
#7496e0 rgb(116,150,224)
```
#84a2e4
```
#84a2e4 rgb(132,162,228)
```
#94aee7
```
#94aee7 rgb(148,174,231)
```
#a4baeb
```
#a4baeb rgb(164,186,235)
```
#b4c6ee
```
#b4c6ee rgb(180,198,238)
```
#c4d3f2
```
#c4d3f2 rgb(196,211,242)
```
#d4dff6
```
#d4dff6 rgb(212,223,246)
```
#e4ebf9
```
#e4ebf9 rgb(228,235,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 #053cb2 is the most saturated one.

#595b5e
```
#595b5e rgb(89,91,94)
```
#525865
```
#525865 rgb(82,88,101)
```
#4b566c
```
#4b566c rgb(75,86,108)
```
#445373
```
#445373 rgb(68,83,115)
```
#3d507a
```
#3d507a rgb(61,80,122)
```
#364e81
```
#364e81 rgb(54,78,129)
```
#2f4b88
```
#2f4b88 rgb(47,75,136)
```
#28498f
```
#28498f rgb(40,73,143)
```
#214696
```
#214696 rgb(33,70,150)
```
#1a439d
```
#1a439d rgb(26,67,157)
```
#1341a4
```
#1341a4 rgb(19,65,164)
```
#0c3eab
```
#0c3eab rgb(12,62,171)
```
#053cb2
```
#053cb2 rgb(5,60,178)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#3d4454 Atypical Achromatopsia 0.001% of the population

Dichromacy

#17519c Protanopia 1% of men
#00558c Deuteranopia 1% of men
#005b61 Tritanopia 0.001% of the population

Trichromacy

#1a4d9a Protanomaly 1% of men, 0.01% of women
#0c4f8f Deuteranomaly 6% of men, 0.4% of women
#0c5374 Tritanomaly 0.01% of the population