#214576 hex color

In a RGB color space, hex #214576 is composed of 12.9% red, 27.1% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 72% cyan, 41.5% magenta, 0% yellow and 53.7% black. It has a hue angle of 214.6 degrees, a saturation of 56.3% and a lightness of 29.6%. #214576 color hex could be obtained by blending #428aec with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 13
- G 27
- B 46
RGB color chart
- C 72
- M 42
- Y 0
- K 54
CMYK color chart

● #214576 color description : Dark blue.

The hexadecimal color #214576 has RGB values of R:33, G:69, B:118 and CMYK values of C:0.72, M:0.42, Y:0, K:0.54. Its decimal value is 2180470.

Hex triplet	214576	`#214576`
RGB Decimal	33, 69, 118	`rgb(33,69,118)`
RGB Percent	12.9, 27.1, 46.3	`rgb(12.9%,27.1%,46.3%)`
CMYK	72, 42, 0, 54
HSL	214.6°, 56.3, 29.6	`hsl(214.6,56.3%,29.6%)`
HSV (or HSB)	214.6°, 72, 46.3
Web Safe	333366	`#333366`

CIE-LAB	29.126, 4.849, -31.876
XYZ	6.025, 5.887, 17.957
xyY	0.202, 0.197, 5.887
CIE-LCH	29.126, 32.243, 278.65
CIE-LUV	29.126, -13.342, -41.963
Hunter-Lab	24.263, 1.86, -26.896
Binary	00100001, 01000101, 01110110

#214576
```
#214576 rgb(33,69,118)
```
#765221
```
#765221 rgb(118,82,33)
```

Complementary Color

#217076
```
#217076 rgb(33,112,118)
```
#214576
```
#214576 rgb(33,69,118)
```
#282176
```
#282176 rgb(40,33,118)
```

Analogous Color

#707621
```
#707621 rgb(112,118,33)
```
#214576
```
#214576 rgb(33,69,118)
```
#762821
```
#762821 rgb(118,40,33)
```

Split Complementary Color

#457621
```
#457621 rgb(69,118,33)
```
#214576
```
#214576 rgb(33,69,118)
```
#762145
```
#762145 rgb(118,33,69)
```

Triadic Color

#217652
```
#217652 rgb(33,118,82)
```
#214576
```
#214576 rgb(33,69,118)
```
#762145
```
#762145 rgb(118,33,69)
```
#765221
```
#765221 rgb(118,82,33)
```

Tetradic Color

#10223a
```
#10223a rgb(16,34,58)
```
#162e4e
```
#162e4e rgb(22,46,78)
```
#1b3962
```
#1b3962 rgb(27,57,98)
```
#214576
```
#214576 rgb(33,69,118)
```
#27518a
```
#27518a rgb(39,81,138)
```
#2c5c9e
```
#2c5c9e rgb(44,92,158)
```
#3268b2
```
#3268b2 rgb(50,104,178)
```

Monochromatic Color

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

#215a76
```
#215a76 rgb(33,90,118)
```
#215376
```
#215376 rgb(33,83,118)
```
#214c76
```
#214c76 rgb(33,76,118)
```
#214576
```
#214576 rgb(33,69,118)
```
#213e76
```
#213e76 rgb(33,62,118)
```
#213776
```
#213776 rgb(33,55,118)
```
#213076
```
#213076 rgb(33,48,118)
```

Similar Colors

Text with hexadecimal color #214576

This text has a font color of #214576.

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

#214576 background color

This paragraph has a background color of #214576.

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

#214576 border color

This element has a border color of #214576.

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

CSS codes

.text {color:#214576;}

.background {background-color:#214576;}

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

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, #03060b is the darkest color, while #fafcfe is the lightest one.

#03060b
```
#03060b rgb(3,6,11)
```
#070f1a
```
#070f1a rgb(7,15,26)
```
#0c1829
```
#0c1829 rgb(12,24,41)
```
#102139
```
#102139 rgb(16,33,57)
```
#142a48
```
#142a48 rgb(20,42,72)
```
#183357
```
#183357 rgb(24,51,87)
```
#1d3c67
```
#1d3c67 rgb(29,60,103)
```
#214576
```
#214576 rgb(33,69,118)
```
#254e85
```
#254e85 rgb(37,78,133)
```
#2a5795
```
#2a5795 rgb(42,87,149)
```
#2e60a4
```
#2e60a4 rgb(46,96,164)
```
#3269b3
```
#3269b3 rgb(50,105,179)
```
#3672c3
```
#3672c3 rgb(54,114,195)
```

Shade Color Variation

#427cca
```
#427cca rgb(66,124,202)
```
#5287cf
```
#5287cf rgb(82,135,207)
```
#6191d3
```
#6191d3 rgb(97,145,211)
```
#709cd7
```
#709cd7 rgb(112,156,215)
```
#80a7db
```
#80a7db rgb(128,167,219)
```
#8fb1e0
```
#8fb1e0 rgb(143,177,224)
```
#9ebce4
```
#9ebce4 rgb(158,188,228)
```
#aec7e8
```
#aec7e8 rgb(174,199,232)
```
#bdd1ed
```
#bdd1ed rgb(189,209,237)
```
#ccdcf1
```
#ccdcf1 rgb(204,220,241)
```
#dce6f5
```
#dce6f5 rgb(220,230,245)
```
#ebf1f9
```
#ebf1f9 rgb(235,241,249)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#4a4b4d
```
#4a4b4d rgb(74,75,77)
```
#444a53
```
#444a53 rgb(68,74,83)
```
#3e4959
```
#3e4959 rgb(62,73,89)
```
#38495f
```
#38495f rgb(56,73,95)
```
#324865
```
#324865 rgb(50,72,101)
```
#2d476a
```
#2d476a rgb(45,71,106)
```
#274670
```
#274670 rgb(39,70,112)
```
#214576
```
#214576 rgb(33,69,118)
```
#1b447c
```
#1b447c rgb(27,68,124)
```
#154382
```
#154382 rgb(21,67,130)
```
#104287
```
#104287 rgb(16,66,135)
```
#0a418d
```
#0a418d rgb(10,65,141)
```
#044193
```
#044193 rgb(4,65,147)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3a414b Atypical Achromatopsia 0.001% of the population

Dichromacy

#394c7b Protanopia 1% of men
#2a4e7d Deuteranopia 1% of men
#00555c Tritanopia 0.001% of the population

Trichromacy

#304979 Protanomaly 1% of men, 0.01% of women
#274b7a Deuteranomaly 6% of men, 0.4% of women
#0c4f65 Tritanomaly 0.01% of the population

#214576 hex color

#214576 Color Information

#214576 Color Conversion

Color Schemes with #214576

Alternatives to #214576

#214576 Preview

Shades and Tints of #214576

Tones of #214576

Color Blindness Simulator