#214daa hex color

In a RGB color space, hex #214daa is composed of 12.9% red, 30.2% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 54.7% magenta, 0% yellow and 33.3% black. It has a hue angle of 220.7 degrees, a saturation of 67.5% and a lightness of 39.8%. #214daa color hex could be obtained by blending #429aff with #000055. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 30
- B 67
RGB color chart
- C 81
- M 55
- Y 0
- K 33
CMYK color chart

● #214daa color description : Dark blue.

The hexadecimal color #214daa has RGB values of R:33, G:77, B:170 and CMYK values of C:0.81, M:0.55, Y:0, K:0.33. Its decimal value is 2182570.

Hex triplet	214daa	`#214daa`
RGB Decimal	33, 77, 170	`rgb(33,77,170)`
RGB Percent	12.9, 30.2, 66.7	`rgb(12.9%,30.2%,66.7%)`
CMYK	81, 55, 0, 33
HSL	220.7°, 67.5, 39.8	`hsl(220.7,67.5%,39.8%)`
HSV (or HSB)	220.7°, 80.6, 66.7
Web Safe	336699	`#336699`

CIE-LAB	35.068, 20.059, -54.132
XYZ	10.535, 8.533, 39.12
xyY	0.181, 0.147, 8.533
CIE-LCH	35.068, 57.729, 290.332
CIE-LUV	35.068, -15.113, -76.692
Hunter-Lab	29.211, 13.26, -58.956
Binary	00100001, 01001101, 10101010

#214daa
```
#214daa rgb(33,77,170)
```
#aa7e21
```
#aa7e21 rgb(170,126,33)
```

Complementary Color

#2192aa
```
#2192aa rgb(33,146,170)
```
#214daa
```
#214daa rgb(33,77,170)
```
#3a21aa
```
#3a21aa rgb(58,33,170)
```

Analogous Color

#92aa21
```
#92aa21 rgb(146,170,33)
```
#214daa
```
#214daa rgb(33,77,170)
```
#aa3921
```
#aa3921 rgb(170,57,33)
```

Split Complementary Color

#4daa21
```
#4daa21 rgb(77,170,33)
```
#214daa
```
#214daa rgb(33,77,170)
```
#aa214d
```
#aa214d rgb(170,33,77)
```

Triadic Color

#21aa7e
```
#21aa7e rgb(33,170,126)
```
#214daa
```
#214daa rgb(33,77,170)
```
#aa214d
```
#aa214d rgb(170,33,77)
```
#aa7e21
```
#aa7e21 rgb(170,126,33)
```

Tetradic Color

#15306a
```
#15306a rgb(21,48,106)
```
#193a7f
```
#193a7f rgb(25,58,127)
```
#1d4395
```
#1d4395 rgb(29,67,149)
```
#214daa
```
#214daa rgb(33,77,170)
```
#2557bf
```
#2557bf rgb(37,87,191)
```
#2960d5
```
#2960d5 rgb(41,96,213)
```
#3e70da
```
#3e70da rgb(62,112,218)
```

Monochromatic Color

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

#216faa
```
#216faa rgb(33,111,170)
```
#2164aa
```
#2164aa rgb(33,100,170)
```
#2158aa
```
#2158aa rgb(33,88,170)
```
#214daa
```
#214daa rgb(33,77,170)
```
#2142aa
```
#2142aa rgb(33,66,170)
```
#2136aa
```
#2136aa rgb(33,54,170)
```
#212baa
```
#212baa rgb(33,43,170)
```

Similar Colors

Text with hexadecimal color #214daa

This text has a font color of #214daa.

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

#214daa background color

This paragraph has a background color of #214daa.

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

#214daa border color

This element has a border color of #214daa.

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

CSS codes

.text {color:#214daa;}

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

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

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

#010306
```
#010306 rgb(1,3,6)
```
#040a16
```
#040a16 rgb(4,10,22)
```
#071127
```
#071127 rgb(7,17,39)
```
#0b1937
```
#0b1937 rgb(11,25,55)
```
#0e2047
```
#0e2047 rgb(14,32,71)
```
#112858
```
#112858 rgb(17,40,88)
```
#142f68
```
#142f68 rgb(20,47,104)
```
#173779
```
#173779 rgb(23,55,121)
```
#1b3e89
```
#1b3e89 rgb(27,62,137)
```
#1e469a
```
#1e469a rgb(30,70,154)
```
#214daa
```
#214daa rgb(33,77,170)
```
#2454ba
```
#2454ba rgb(36,84,186)
```
#275ccb
```
#275ccb rgb(39,92,203)
```

Shade Color Variation

#2f65d7
```
#2f65d7 rgb(47,101,215)
```
#4071da
```
#4071da rgb(64,113,218)
```
#507ddd
```
#507ddd rgb(80,125,221)
```
#6089e0
```
#6089e0 rgb(96,137,224)
```
#7196e3
```
#7196e3 rgb(113,150,227)
```
#81a2e7
```
#81a2e7 rgb(129,162,231)
```
#92aeea
```
#92aeea rgb(146,174,234)
```
#a2baed
```
#a2baed rgb(162,186,237)
```
#b3c6f0
```
#b3c6f0 rgb(179,198,240)
```
#c3d3f3
```
#c3d3f3 rgb(195,211,243)
```
#d3dff7
```
#d3dff7 rgb(211,223,247)
```
#e4ebfa
```
#e4ebfa rgb(228,235,250)
```
#f4f7fd
```
#f4f7fd rgb(244,247,253)
```

Tint Color Variation

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

#5f636c
```
#5f636c rgb(95,99,108)
```
#586173
```
#586173 rgb(88,97,115)
```
#505e7b
```
#505e7b rgb(80,94,123)
```
#485b83
```
#485b83 rgb(72,91,131)
```
#40588b
```
#40588b rgb(64,88,139)
```
#385593
```
#385593 rgb(56,85,147)
```
#31539a
```
#31539a rgb(49,83,154)
```
#2950a2
```
#2950a2 rgb(41,80,162)
```
#214daa
```
#214daa rgb(33,77,170)
```
#194ab2
```
#194ab2 rgb(25,74,178)
```
#1147ba
```
#1147ba rgb(17,71,186)
```
#0a45c1
```
#0a45c1 rgb(10,69,193)
```
#0242c9
```
#0242c9 rgb(2,66,201)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#424b5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ad Protanopia 1% of men
#005d98 Deuteranopia 1% of men
#00646a Tritanopia 0.001% of the population

Trichromacy

#0c54ac Protanomaly 1% of men, 0.01% of women
#0c579e Deuteranomaly 6% of men, 0.4% of women
#0c5b81 Tritanomaly 0.01% of the population

#214daa hex color

#214daa Color Information

#214daa Color Conversion

Color Schemes with #214daa

Alternatives to #214daa

#214daa Preview

Shades and Tints of #214daa

Tones of #214daa

Color Blindness Simulator