#214784 hex color

In a RGB color space, hex #214784 is composed of 12.9% red, 27.8% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 46.2% magenta, 0% yellow and 48.2% black. It has a hue angle of 217 degrees, a saturation of 60% and a lightness of 32.4%. #214784 color hex could be obtained by blending #428eff with #000009. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 13
- G 28
- B 52
RGB color chart
- C 75
- M 46
- Y 0
- K 48
CMYK color chart

● #214784 color description : Dark blue.

The hexadecimal color #214784 has RGB values of R:33, G:71, B:132 and CMYK values of C:0.75, M:0.46, Y:0, K:0.48. Its decimal value is 2180996.

Hex triplet	214784	`#214784`
RGB Decimal	33, 71, 132	`rgb(33,71,132)`
RGB Percent	12.9, 27.8, 51.8	`rgb(12.9%,27.8%,51.8%)`
CMYK	75, 46, 0, 48
HSL	217°, 60, 32.4	`hsl(217,60%,32.4%)`
HSV (or HSB)	217°, 75, 51.8
Web Safe	333399	`#333399`

CIE-LAB	30.629, 9.038, -38.215
XYZ	7.044, 6.495, 22.711
xyY	0.194, 0.179, 6.495
CIE-LCH	30.629, 39.269, 283.306
CIE-LUV	30.629, -13.774, -51.629
Hunter-Lab	25.486, 4.738, -34.995
Binary	00100001, 01000111, 10000100

#214784
```
#214784 rgb(33,71,132)
```
#845e21
```
#845e21 rgb(132,94,33)
```

Complementary Color

#217984
```
#217984 rgb(33,121,132)
```
#214784
```
#214784 rgb(33,71,132)
```
#2d2184
```
#2d2184 rgb(45,33,132)
```

Analogous Color

#798421
```
#798421 rgb(121,132,33)
```
#214784
```
#214784 rgb(33,71,132)
```
#842d21
```
#842d21 rgb(132,45,33)
```

Split Complementary Color

#478421
```
#478421 rgb(71,132,33)
```
#214784
```
#214784 rgb(33,71,132)
```
#842147
```
#842147 rgb(132,33,71)
```

Triadic Color

#21845e
```
#21845e rgb(33,132,94)
```
#214784
```
#214784 rgb(33,71,132)
```
#842147
```
#842147 rgb(132,33,71)
```
#845e21
```
#845e21 rgb(132,94,33)
```

Tetradic Color

#122647
```
#122647 rgb(18,38,71)
```
#17315b
```
#17315b rgb(23,49,91)
```
#1c3c70
```
#1c3c70 rgb(28,60,112)
```
#214784
```
#214784 rgb(33,71,132)
```
#265298
```
#265298 rgb(38,82,152)
```
#2b5dad
```
#2b5dad rgb(43,93,173)
```
#3068c1
```
#3068c1 rgb(48,104,193)
```

Monochromatic Color

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

#216084
```
#216084 rgb(33,96,132)
```
#215884
```
#215884 rgb(33,88,132)
```
#214f84
```
#214f84 rgb(33,79,132)
```
#214784
```
#214784 rgb(33,71,132)
```
#213f84
```
#213f84 rgb(33,63,132)
```
#213784
```
#213784 rgb(33,55,132)
```
#212e84
```
#212e84 rgb(33,46,132)
```

Similar Colors

Text with hexadecimal color #214784

This text has a font color of #214784.

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

#214784 background color

This paragraph has a background color of #214784.

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

#214784 border color

This element has a border color of #214784.

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

CSS codes

.text {color:#214784;}

.background {background-color:#214784;}

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

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

#020306
```
#020306 rgb(2,3,6)
```
#060c16
```
#060c16 rgb(6,12,22)
```
#091426
```
#091426 rgb(9,20,38)
```
#0d1d36
```
#0d1d36 rgb(13,29,54)
```
#112545
```
#112545 rgb(17,37,69)
```
#152e55
```
#152e55 rgb(21,46,85)
```
#193665
```
#193665 rgb(25,54,101)
```
#1d3f74
```
#1d3f74 rgb(29,63,116)
```
#214784
```
#214784 rgb(33,71,132)
```
#254f94
```
#254f94 rgb(37,79,148)
```
#2958a3
```
#2958a3 rgb(41,88,163)
```
#2d60b3
```
#2d60b3 rgb(45,96,179)
```
#3169c3
```
#3169c3 rgb(49,105,195)
```

Shade Color Variation

#3972ce
```
#3972ce rgb(57,114,206)
```
#497ed2
```
#497ed2 rgb(73,126,210)
```
#5989d5
```
#5989d5 rgb(89,137,213)
```
#6994d9
```
#6994d9 rgb(105,148,217)
```
#789fdd
```
#789fdd rgb(120,159,221)
```
#88aae1
```
#88aae1 rgb(136,170,225)
```
#98b5e5
```
#98b5e5 rgb(152,181,229)
```
#a7c1e9
```
#a7c1e9 rgb(167,193,233)
```
#b7cced
```
#b7cced rgb(183,204,237)
```
#c7d7f1
```
#c7d7f1 rgb(199,215,241)
```
#d6e2f5
```
#d6e2f5 rgb(214,226,245)
```
#e6edf9
```
#e6edf9 rgb(230,237,249)
```
#f6f8fd
```
#f6f8fd rgb(246,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4d5158 is the less saturated color, while #0140a4 is the most saturated one.

#4d5158
```
#4d5158 rgb(77,81,88)
```
#47505e
```
#47505e rgb(71,80,94)
```
#414e64
```
#414e64 rgb(65,78,100)
```
#3a4d6b
```
#3a4d6b rgb(58,77,107)
```
#344b71
```
#344b71 rgb(52,75,113)
```
#2e4a77
```
#2e4a77 rgb(46,74,119)
```
#27487e
```
#27487e rgb(39,72,126)
```
#214784
```
#214784 rgb(33,71,132)
```
#1b468a
```
#1b468a rgb(27,70,138)
```
#144491
```
#144491 rgb(20,68,145)
```
#0e4397
```
#0e4397 rgb(14,67,151)
```
#08419d
```
#08419d rgb(8,65,157)
```
#0140a4
```
#0140a4 rgb(1,64,164)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#3c4450 Atypical Achromatopsia 0.001% of the population

Dichromacy

#334f89 Protanopia 1% of men
#135289 Deuteranopia 1% of men
#00595f Tritanopia 0.001% of the population

Trichromacy

#2c4c87 Protanomaly 1% of men, 0.01% of women
#184e87 Deuteranomaly 6% of men, 0.4% of women
#0c526c Tritanomaly 0.01% of the population

#214784 hex color

#214784 Color Information

#214784 Color Conversion

Color Schemes with #214784

Alternatives to #214784

#214784 Preview

Shades and Tints of #214784

Tones of #214784

Color Blindness Simulator