#216dae hex color

In a RGB color space, hex #216dae is composed of 12.9% red, 42.7% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 37.4% magenta, 0% yellow and 31.8% black. It has a hue angle of 207.7 degrees, a saturation of 68.1% and a lightness of 40.6%. #216dae color hex could be obtained by blending #42daff with #00005d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 43
- B 68
RGB color chart
- C 81
- M 37
- Y 0
- K 32
CMYK color chart

● #216dae color description : Dark blue.

The hexadecimal color #216dae has RGB values of R:33, G:109, B:174 and CMYK values of C:0.81, M:0.37, Y:0, K:0.32. Its decimal value is 2190766.

Hex triplet	216dae	`#216dae`
RGB Decimal	33, 109, 174	`rgb(33,109,174)`
RGB Percent	12.9, 42.7, 68.2	`rgb(12.9%,42.7%,68.2%)`
CMYK	81, 37, 0, 32
HSL	207.7°, 68.1, 40.6	`hsl(207.7,68.1%,40.6%)`
HSV (or HSB)	207.7°, 81, 68.2
Web Safe	336699	`#336699`

CIE-LAB	44.682, 0.815, -41.058
XYZ	13.734, 14.315, 42.081
xyY	0.196, 0.204, 14.315
CIE-LCH	44.682, 41.066, 271.137
CIE-LUV	44.682, -24.956, -61.056
Hunter-Lab	37.836, -1.419, -39.458
Binary	00100001, 01101101, 10101110

#216dae
```
#216dae rgb(33,109,174)
```
#ae6221
```
#ae6221 rgb(174,98,33)
```

Complementary Color

#21aea9
```
#21aea9 rgb(33,174,169)
```
#216dae
```
#216dae rgb(33,109,174)
```
#2126ae
```
#2126ae rgb(33,38,174)
```

Analogous Color

#aea921
```
#aea921 rgb(174,169,33)
```
#216dae
```
#216dae rgb(33,109,174)
```
#ae2126
```
#ae2126 rgb(174,33,38)
```

Split Complementary Color

#6dae21
```
#6dae21 rgb(109,174,33)
```
#216dae
```
#216dae rgb(33,109,174)
```
#ae216d
```
#ae216d rgb(174,33,109)
```

Triadic Color

#21ae62
```
#21ae62 rgb(33,174,98)
```
#216dae
```
#216dae rgb(33,109,174)
```
#ae216d
```
#ae216d rgb(174,33,109)
```
#ae6221
```
#ae6221 rgb(174,98,33)
```

Tetradic Color

#15456e
```
#15456e rgb(21,69,110)
```
#195283
```
#195283 rgb(25,82,131)
```
#1d6099
```
#1d6099 rgb(29,96,153)
```
#216dae
```
#216dae rgb(33,109,174)
```
#257ac3
```
#257ac3 rgb(37,122,195)
```
#2b88d7
```
#2b88d7 rgb(43,136,215)
```
#4194db
```
#4194db rgb(65,148,219)
```

Monochromatic Color

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

#2190ae
```
#2190ae rgb(33,144,174)
```
#2185ae
```
#2185ae rgb(33,133,174)
```
#2179ae
```
#2179ae rgb(33,121,174)
```
#216dae
```
#216dae rgb(33,109,174)
```
#2161ae
```
#2161ae rgb(33,97,174)
```
#2155ae
```
#2155ae rgb(33,85,174)
```
#214aae
```
#214aae rgb(33,74,174)
```

Similar Colors

Text with hexadecimal color #216dae

This text has a font color of #216dae.

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

#216dae background color

This paragraph has a background color of #216dae.

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

#216dae border color

This element has a border color of #216dae.

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

CSS codes

.text {color:#216dae;}

.background {background-color:#216dae;}

.border {border:1px solid #216dae;}

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

#020609
```
#020609 rgb(2,6,9)
```
#05101a
```
#05101a rgb(5,16,26)
```
#081a2a
```
#081a2a rgb(8,26,42)
```
#0b253b
```
#0b253b rgb(11,37,59)
```
#0e2f4b
```
#0e2f4b rgb(14,47,75)
```
#11395c
```
#11395c rgb(17,57,92)
```
#14446c
```
#14446c rgb(20,68,108)
```
#184e7d
```
#184e7d rgb(24,78,125)
```
#1b588d
```
#1b588d rgb(27,88,141)
```
#1e639e
```
#1e639e rgb(30,99,158)
```
#216dae
```
#216dae rgb(33,109,174)
```
#2477be
```
#2477be rgb(36,119,190)
```
#2782cf
```
#2782cf rgb(39,130,207)
```

Shade Color Variation

#328bd8
```
#328bd8 rgb(50,139,216)
```
#4295db
```
#4295db rgb(66,149,219)
```
#539ede
```
#539ede rgb(83,158,222)
```
#63a7e1
```
#63a7e1 rgb(99,167,225)
```
#74b1e5
```
#74b1e5 rgb(116,177,229)
```
#84bae8
```
#84bae8 rgb(132,186,232)
```
#95c3eb
```
#95c3eb rgb(149,195,235)
```
#a5ccee
```
#a5ccee rgb(165,204,238)
```
#b6d6f1
```
#b6d6f1 rgb(182,214,241)
```
#c6dff4
```
#c6dff4 rgb(198,223,244)
```
#d7e8f7
```
#d7e8f7 rgb(215,232,247)
```
#e7f2fa
```
#e7f2fa rgb(231,242,250)
```
#f8fbfe
```
#f8fbfe rgb(248,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #61686e is the less saturated color, while #016fce is the most saturated one.

#61686e
```
#61686e rgb(97,104,110)
```
#596976
```
#596976 rgb(89,105,118)
```
#51697e
```
#51697e rgb(81,105,126)
```
#496a86
```
#496a86 rgb(73,106,134)
```
#416b8e
```
#416b8e rgb(65,107,142)
```
#396b96
```
#396b96 rgb(57,107,150)
```
#316c9e
```
#316c9e rgb(49,108,158)
```
#296ca6
```
#296ca6 rgb(41,108,166)
```
#216dae
```
#216dae rgb(33,109,174)
```
#196eb6
```
#196eb6 rgb(25,110,182)
```
#116ebe
```
#116ebe rgb(17,110,190)
```
#096fc6
```
#096fc6 rgb(9,111,198)
```
#016fce
```
#016fce rgb(1,111,206)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#52616e Atypical Achromatopsia 0.001% of the population

Dichromacy

#576fae Protanopia 1% of men
#4172b3 Deuteranopia 1% of men
#007c84 Tritanopia 0.001% of the population

Trichromacy

#436eae Protanomaly 1% of men, 0.01% of women
#3570b1 Deuteranomaly 6% of men, 0.4% of women
#0c7693 Tritanomaly 0.01% of the population

#216dae hex color

#216dae Color Information

#216dae Color Conversion

Color Schemes with #216dae

Alternatives to #216dae

#216dae Preview

Shades and Tints of #216dae

Tones of #216dae

Color Blindness Simulator