#214aa6 hex color

In a RGB color space, hex #214aa6 is composed of 12.9% red, 29% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 55.4% magenta, 0% yellow and 34.9% black. It has a hue angle of 221.5 degrees, a saturation of 66.8% and a lightness of 39%. #214aa6 color hex could be obtained by blending #4294ff with #00004d. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 13
- G 29
- B 65
RGB color chart
- C 80
- M 55
- Y 0
- K 35
CMYK color chart

● #214aa6 color description : Dark blue.

The hexadecimal color #214aa6 has RGB values of R:33, G:74, B:166 and CMYK values of C:0.8, M:0.55, Y:0, K:0.35. Its decimal value is 2181798.

Hex triplet	214aa6	`#214aa6`
RGB Decimal	33, 74, 166	`rgb(33,74,166)`
RGB Percent	12.9, 29, 65.1	`rgb(12.9%,29%,65.1%)`
CMYK	80, 55, 0, 35
HSL	221.5°, 66.8, 39	`hsl(221.5,66.8%,39%)`
HSV (or HSB)	221.5°, 80.1, 65.1
Web Safe	333399	`#333399`

CIE-LAB	33.927, 20.504, -53.595
XYZ	9.957, 7.973, 37.089
xyY	0.181, 0.145, 7.973
CIE-LCH	33.927, 57.383, 290.935
CIE-LUV	33.927, -14.312, -75.137
Hunter-Lab	28.237, 13.531, -58.11
Binary	00100001, 01001010, 10100110

#214aa6
```
#214aa6 rgb(33,74,166)
```
#a67d21
```
#a67d21 rgb(166,125,33)
```

Complementary Color

#218da6
```
#218da6 rgb(33,141,166)
```
#214aa6
```
#214aa6 rgb(33,74,166)
```
#3a21a6
```
#3a21a6 rgb(58,33,166)
```

Analogous Color

#8da621
```
#8da621 rgb(141,166,33)
```
#214aa6
```
#214aa6 rgb(33,74,166)
```
#a63a21
```
#a63a21 rgb(166,58,33)
```

Split Complementary Color

#4aa621
```
#4aa621 rgb(74,166,33)
```
#214aa6
```
#214aa6 rgb(33,74,166)
```
#a6214a
```
#a6214a rgb(166,33,74)
```

Triadic Color

#21a67d
```
#21a67d rgb(33,166,125)
```
#214aa6
```
#214aa6 rgb(33,74,166)
```
#a6214a
```
#a6214a rgb(166,33,74)
```
#a67d21
```
#a67d21 rgb(166,125,33)
```

Tetradic Color

#142e66
```
#142e66 rgb(20,46,102)
```
#19377b
```
#19377b rgb(25,55,123)
```
#1d4191
```
#1d4191 rgb(29,65,145)
```
#214aa6
```
#214aa6 rgb(33,74,166)
```
#2553bb
```
#2553bb rgb(37,83,187)
```
#295dd1
```
#295dd1 rgb(41,93,209)
```
#3b6cd8
```
#3b6cd8 rgb(59,108,216)
```

Monochromatic Color

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

#216ba6
```
#216ba6 rgb(33,107,166)
```
#2160a6
```
#2160a6 rgb(33,96,166)
```
#2155a6
```
#2155a6 rgb(33,85,166)
```
#214aa6
```
#214aa6 rgb(33,74,166)
```
#213fa6
```
#213fa6 rgb(33,63,166)
```
#2134a6
```
#2134a6 rgb(33,52,166)
```
#2129a6
```
#2129a6 rgb(33,41,166)
```

Similar Colors

Text with hexadecimal color #214aa6

This text has a font color of #214aa6.

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

#214aa6 background color

This paragraph has a background color of #214aa6.

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

#214aa6 border color

This element has a border color of #214aa6.

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

CSS codes

.text {color:#214aa6;}

.background {background-color:#214aa6;}

.border {border:1px solid #214aa6;}

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

#000102
```
#000102 rgb(0,1,2)
```
#040813
```
#040813 rgb(4,8,19)
```
#071023
```
#071023 rgb(7,16,35)
```
#0a1733
```
#0a1733 rgb(10,23,51)
```
#0d1e44
```
#0d1e44 rgb(13,30,68)
```
#112654
```
#112654 rgb(17,38,84)
```
#142d65
```
#142d65 rgb(20,45,101)
```
#173475
```
#173475 rgb(23,52,117)
```
#1a3b85
```
#1a3b85 rgb(26,59,133)
```
#1e4396
```
#1e4396 rgb(30,67,150)
```
#214aa6
```
#214aa6 rgb(33,74,166)
```
#2451b6
```
#2451b6 rgb(36,81,182)
```
#2859c7
```
#2859c7 rgb(40,89,199)
```

Shade Color Variation

#2d61d5
```
#2d61d5 rgb(45,97,213)
```
#3d6dd8
```
#3d6dd8 rgb(61,109,216)
```
#4d79dc
```
#4d79dc rgb(77,121,220)
```
#5e86df
```
#5e86df rgb(94,134,223)
```
#6e92e2
```
#6e92e2 rgb(110,146,226)
```
#7e9ee5
```
#7e9ee5 rgb(126,158,229)
```
#8fabe9
```
#8fabe9 rgb(143,171,233)
```
#9fb7ec
```
#9fb7ec rgb(159,183,236)
```
#b0c3ef
```
#b0c3ef rgb(176,195,239)
```
#c0d0f2
```
#c0d0f2 rgb(192,208,242)
```
#d0dcf6
```
#d0dcf6 rgb(208,220,246)
```
#e1e8f9
```
#e1e8f9 rgb(225,232,249)
```
#f1f4fc
```
#f1f4fc rgb(241,244,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e6169 is the less saturated color, while #023ec5 is the most saturated one.

#5e6169
```
#5e6169 rgb(94,97,105)
```
#575f70
```
#575f70 rgb(87,95,112)
```
#4f5c78
```
#4f5c78 rgb(79,92,120)
```
#475980
```
#475980 rgb(71,89,128)
```
#405687
```
#405687 rgb(64,86,135)
```
#38538f
```
#38538f rgb(56,83,143)
```
#305097
```
#305097 rgb(48,80,151)
```
#294d9e
```
#294d9e rgb(41,77,158)
```
#214aa6
```
#214aa6 rgb(33,74,166)
```
#1947ae
```
#1947ae rgb(25,71,174)
```
#1244b5
```
#1244b5 rgb(18,68,181)
```
#0a41bd
```
#0a41bd rgb(10,65,189)
```
#023ec5
```
#023ec5 rgb(2,62,197)
```

Tone Color Variation

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

#484848 Achromatopsia 0.005% of the population
#40485b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a9 Protanopia 1% of men
#005a94 Deuteranopia 1% of men
#006167 Tritanopia 0.001% of the population

Trichromacy

#0c51a7 Protanomaly 1% of men, 0.01% of women
#0c549a Deuteranomaly 6% of men, 0.4% of women
#0c597e Tritanomaly 0.01% of the population

#214aa6 hex color

#214aa6 Color Information

#214aa6 Color Conversion

Color Schemes with #214aa6

Alternatives to #214aa6

#214aa6 Preview

Shades and Tints of #214aa6

Tones of #214aa6

Color Blindness Simulator