#214685 hex color

In a RGB color space, hex #214685 is composed of 12.9% red, 27.5% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 75.2% cyan, 47.4% magenta, 0% yellow and 47.8% black. It has a hue angle of 217.8 degrees, a saturation of 60.2% and a lightness of 32.5%. #214685 color hex could be obtained by blending #428cff with #00000b. Closest websafe color is: #333399.

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

● #214685 color description : Dark blue.

The hexadecimal color #214685 has RGB values of R:33, G:70, B:133 and CMYK values of C:0.75, M:0.47, Y:0, K:0.48. Its decimal value is 2180741.

Hex triplet	214685	`#214685`
RGB Decimal	33, 70, 133	`rgb(33,70,133)`
RGB Percent	12.9, 27.5, 52.2	`rgb(12.9%,27.5%,52.2%)`
CMYK	75, 47, 0, 48
HSL	217.8°, 60.2, 32.5	`hsl(217.8,60.2%,32.5%)`
HSV (or HSB)	217.8°, 75.2, 52.2
Web Safe	333399	`#333399`

CIE-LAB	30.392, 10.117, -39.215
XYZ	7.05, 6.397, 23.052
xyY	0.193, 0.175, 6.397
CIE-LCH	30.392, 40.499, 284.466
CIE-LUV	30.392, -13.446, -52.916
Hunter-Lab	25.291, 5.497, -36.336
Binary	00100001, 01000110, 10000101

#214685
```
#214685 rgb(33,70,133)
```
#856021
```
#856021 rgb(133,96,33)
```

Complementary Color

#217885
```
#217885 rgb(33,120,133)
```
#214685
```
#214685 rgb(33,70,133)
```
#2e2185
```
#2e2185 rgb(46,33,133)
```

Analogous Color

#788521
```
#788521 rgb(120,133,33)
```
#214685
```
#214685 rgb(33,70,133)
```
#852e21
```
#852e21 rgb(133,46,33)
```

Split Complementary Color

#468521
```
#468521 rgb(70,133,33)
```
#214685
```
#214685 rgb(33,70,133)
```
#852146
```
#852146 rgb(133,33,70)
```

Triadic Color

#218560
```
#218560 rgb(33,133,96)
```
#214685
```
#214685 rgb(33,70,133)
```
#852146
```
#852146 rgb(133,33,70)
```
#856021
```
#856021 rgb(133,96,33)
```

Tetradic Color

#122648
```
#122648 rgb(18,38,72)
```
#17305c
```
#17305c rgb(23,48,92)
```
#1c3b71
```
#1c3b71 rgb(28,59,113)
```
#214685
```
#214685 rgb(33,70,133)
```
#265199
```
#265199 rgb(38,81,153)
```
#2b5cae
```
#2b5cae rgb(43,92,174)
```
#3066c2
```
#3066c2 rgb(48,102,194)
```

Monochromatic Color

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

#215f85
```
#215f85 rgb(33,95,133)
```
#215785
```
#215785 rgb(33,87,133)
```
#214e85
```
#214e85 rgb(33,78,133)
```
#214685
```
#214685 rgb(33,70,133)
```
#213e85
```
#213e85 rgb(33,62,133)
```
#213585
```
#213585 rgb(33,53,133)
```
#212d85
```
#212d85 rgb(33,45,133)
```

Similar Colors

Text with hexadecimal color #214685

This text has a font color of #214685.

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

#214685 background color

This paragraph has a background color of #214685.

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

#214685 border color

This element has a border color of #214685.

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

CSS codes

.text {color:#214685;}

.background {background-color:#214685;}

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

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

#020407
```
#020407 rgb(2,4,7)
```
#060c17
```
#060c17 rgb(6,12,23)
```
#0a1427
```
#0a1427 rgb(10,20,39)
```
#0e1d36
```
#0e1d36 rgb(14,29,54)
```
#112546
```
#112546 rgb(17,37,70)
```
#152d56
```
#152d56 rgb(21,45,86)
```
#193566
```
#193566 rgb(25,53,102)
```
#1d3e75
```
#1d3e75 rgb(29,62,117)
```
#214685
```
#214685 rgb(33,70,133)
```
#254e95
```
#254e95 rgb(37,78,149)
```
#2957a4
```
#2957a4 rgb(41,87,164)
```
#2d5fb4
```
#2d5fb4 rgb(45,95,180)
```
#3167c4
```
#3167c4 rgb(49,103,196)
```

Shade Color Variation

#3a71ce
```
#3a71ce rgb(58,113,206)
```
#4a7cd2
```
#4a7cd2 rgb(74,124,210)
```
#5987d6
```
#5987d6 rgb(89,135,214)
```
#6993da
```
#6993da rgb(105,147,218)
```
#799ede
```
#799ede rgb(121,158,222)
```
#89a9e2
```
#89a9e2 rgb(137,169,226)
```
#98b5e6
```
#98b5e6 rgb(152,181,230)
```
#a8c0e9
```
#a8c0e9 rgb(168,192,233)
```
#b8cced
```
#b8cced rgb(184,204,237)
```
#c7d7f1
```
#c7d7f1 rgb(199,215,241)
```
#d7e2f5
```
#d7e2f5 rgb(215,226,245)
```
#e7eef9
```
#e7eef9 rgb(231,238,249)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Tint Color Variation

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

#4e5258
```
#4e5258 rgb(78,82,88)
```
#47505f
```
#47505f rgb(71,80,95)
```
#414e65
```
#414e65 rgb(65,78,101)
```
#3b4d6b
```
#3b4d6b rgb(59,77,107)
```
#344b72
```
#344b72 rgb(52,75,114)
```
#2e4978
```
#2e4978 rgb(46,73,120)
```
#27487f
```
#27487f rgb(39,72,127)
```
#214685
```
#214685 rgb(33,70,133)
```
#1b448b
```
#1b448b rgb(27,68,139)
```
#144392
```
#144392 rgb(20,67,146)
```
#0e4198
```
#0e4198 rgb(14,65,152)
```
#073f9f
```
#073f9f rgb(7,63,159)
```
#013ea5
```
#013ea5 rgb(1,62,165)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#3b434f Atypical Achromatopsia 0.001% of the population

Dichromacy

#304f8a Protanopia 1% of men
#005289 Deuteranopia 1% of men
#00595e Tritanopia 0.001% of the population

Trichromacy

#2b4b88 Protanomaly 1% of men, 0.01% of women
#0c4d87 Deuteranomaly 6% of men, 0.4% of women
#0c526c Tritanomaly 0.01% of the population

#214685 hex color

#214685 Color Information

#214685 Color Conversion

Color Schemes with #214685

Alternatives to #214685

#214685 Preview

Shades and Tints of #214685

Tones of #214685

Color Blindness Simulator