#214da8 hex color

In a RGB color space, hex #214da8 is composed of 12.9% red, 30.2% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 54.2% magenta, 0% yellow and 34.1% black. It has a hue angle of 220.4 degrees, a saturation of 67.2% and a lightness of 39.4%. #214da8 color hex could be obtained by blending #429aff with #000051. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 30
- B 66
RGB color chart
- C 80
- M 54
- Y 0
- K 34
CMYK color chart

● #214da8 color description : Dark blue.

The hexadecimal color #214da8 has RGB values of R:33, G:77, B:168 and CMYK values of C:0.8, M:0.54, Y:0, K:0.34. Its decimal value is 2182568.

Hex triplet	214da8	`#214da8`
RGB Decimal	33, 77, 168	`rgb(33,77,168)`
RGB Percent	12.9, 30.2, 65.9	`rgb(12.9%,30.2%,65.9%)`
CMYK	80, 54, 0, 34
HSL	220.4°, 67.2, 39.4	`hsl(220.4,67.2%,39.4%)`
HSV (or HSB)	220.4°, 80.4, 65.9
Web Safe	336699	`#336699`

CIE-LAB	34.918, 19.271, -53.183
XYZ	10.347, 8.457, 38.131
xyY	0.182, 0.149, 8.457
CIE-LCH	34.918, 56.567, 289.918
CIE-LUV	34.918, -15.132, -75.265
Hunter-Lab	29.082, 12.618, -57.381
Binary	00100001, 01001101, 10101000

#214da8
```
#214da8 rgb(33,77,168)
```
#a87c21
```
#a87c21 rgb(168,124,33)
```

Complementary Color

#2191a8
```
#2191a8 rgb(33,145,168)
```
#214da8
```
#214da8 rgb(33,77,168)
```
#3921a8
```
#3921a8 rgb(57,33,168)
```

Analogous Color

#91a821
```
#91a821 rgb(145,168,33)
```
#214da8
```
#214da8 rgb(33,77,168)
```
#a83921
```
#a83921 rgb(168,57,33)
```

Split Complementary Color

#4da821
```
#4da821 rgb(77,168,33)
```
#214da8
```
#214da8 rgb(33,77,168)
```
#a8214d
```
#a8214d rgb(168,33,77)
```

Triadic Color

#21a87c
```
#21a87c rgb(33,168,124)
```
#214da8
```
#214da8 rgb(33,77,168)
```
#a8214d
```
#a8214d rgb(168,33,77)
```
#a87c21
```
#a87c21 rgb(168,124,33)
```

Tetradic Color

#143068
```
#143068 rgb(20,48,104)
```
#19397d
```
#19397d rgb(25,57,125)
```
#1d4393
```
#1d4393 rgb(29,67,147)
```
#214da8
```
#214da8 rgb(33,77,168)
```
#2557bd
```
#2557bd rgb(37,87,189)
```
#2961d3
```
#2961d3 rgb(41,97,211)
```
#3d70d9
```
#3d70d9 rgb(61,112,217)
```

Monochromatic Color

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

#216fa8
```
#216fa8 rgb(33,111,168)
```
#2164a8
```
#2164a8 rgb(33,100,168)
```
#2158a8
```
#2158a8 rgb(33,88,168)
```
#214da8
```
#214da8 rgb(33,77,168)
```
#2142a8
```
#2142a8 rgb(33,66,168)
```
#2137a8
```
#2137a8 rgb(33,55,168)
```
#212ba8
```
#212ba8 rgb(33,43,168)
```

Similar Colors

Text with hexadecimal color #214da8

This text has a font color of #214da8.

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

#214da8 background color

This paragraph has a background color of #214da8.

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

#214da8 border color

This element has a border color of #214da8.

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

CSS codes

.text {color:#214da8;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#040914
```
#040914 rgb(4,9,20)
```
#071125
```
#071125 rgb(7,17,37)
```
#0a1835
```
#0a1835 rgb(10,24,53)
```
#0e2046
```
#0e2046 rgb(14,32,70)
```
#112756
```
#112756 rgb(17,39,86)
```
#142f66
```
#142f66 rgb(20,47,102)
```
#173677
```
#173677 rgb(23,54,119)
```
#1b3e87
```
#1b3e87 rgb(27,62,135)
```
#1e4598
```
#1e4598 rgb(30,69,152)
```
#214da8
```
#214da8 rgb(33,77,168)
```
#2455b8
```
#2455b8 rgb(36,85,184)
```
#275cc9
```
#275cc9 rgb(39,92,201)
```

Shade Color Variation

#2e65d6
```
#2e65d6 rgb(46,101,214)
```
#3e71d9
```
#3e71d9 rgb(62,113,217)
```
#4f7ddc
```
#4f7ddc rgb(79,125,220)
```
#5f89e0
```
#5f89e0 rgb(95,137,224)
```
#6f95e3
```
#6f95e3 rgb(111,149,227)
```
#80a1e6
```
#80a1e6 rgb(128,161,230)
```
#90ade9
```
#90ade9 rgb(144,173,233)
```
#a1b9ec
```
#a1b9ec rgb(161,185,236)
```
#b1c5f0
```
#b1c5f0 rgb(177,197,240)
```
#c1d2f3
```
#c1d2f3 rgb(193,210,243)
```
#d2def6
```
#d2def6 rgb(210,222,246)
```
#e2eaf9
```
#e2eaf9 rgb(226,234,249)
```
#f3f6fd
```
#f3f6fd rgb(243,246,253)
```

Tint Color Variation

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

#5f636a
```
#5f636a rgb(95,99,106)
```
#576072
```
#576072 rgb(87,96,114)
```
#4f5d7a
```
#4f5d7a rgb(79,93,122)
```
#485a81
```
#485a81 rgb(72,90,129)
```
#405889
```
#405889 rgb(64,88,137)
```
#385591
```
#385591 rgb(56,85,145)
```
#305299
```
#305299 rgb(48,82,153)
```
#2950a0
```
#2950a0 rgb(41,80,160)
```
#214da8
```
#214da8 rgb(33,77,168)
```
#194ab0
```
#194ab0 rgb(25,74,176)
```
#1248b7
```
#1248b7 rgb(18,72,183)
```
#0a45bf
```
#0a45bf rgb(10,69,191)
```
#0242c7
```
#0242c7 rgb(2,66,199)
```

Tone Color Variation

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

#0c54ab Protanomaly 1% of men, 0.01% of women
#0c579d Deuteranomaly 6% of men, 0.4% of women
#0c5b80 Tritanomaly 0.01% of the population

#214da8 hex color

#214da8 Color Information

#214da8 Color Conversion

Color Schemes with #214da8

Alternatives to #214da8

#214da8 Preview

Shades and Tints of #214da8

Tones of #214da8

Color Blindness Simulator