#218aad hex color

In a RGB color space, hex #218aad is composed of 12.9% red, 54.1% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 20.2% magenta, 0% yellow and 32.2% black. It has a hue angle of 195 degrees, a saturation of 68% and a lightness of 40.4%. #218aad color hex could be obtained by blending #42ffff with #00155b. Closest websafe color is: #339999.

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

● #218aad color description : Dark blue.

The hexadecimal color #218aad has RGB values of R:33, G:138, B:173 and CMYK values of C:0.81, M:0.2, Y:0, K:0.32. Its decimal value is 2198189.

Hex triplet	218aad	`#218aad`
RGB Decimal	33, 138, 173	`rgb(33,138,173)`
RGB Percent	12.9, 54.1, 67.8	`rgb(12.9%,54.1%,67.8%)`
CMYK	81, 20, 0, 32
HSL	195°, 68, 40.4	`hsl(195,68%,40.4%)`
HSV (or HSB)	195°, 80.9, 67.8
Web Safe	339999	`#339999`

CIE-LAB	53.509, -16.487, -26.636
XYZ	17.257, 21.516, 42.776
xyY	0.212, 0.264, 21.516
CIE-LCH	53.509, 31.326, 238.243
CIE-LUV	53.509, -35.094, -38.159
Hunter-Lab	46.385, -14.767, -22.208
Binary	00100001, 10001010, 10101101

#218aad
```
#218aad rgb(33,138,173)
```
#ad4421
```
#ad4421 rgb(173,68,33)
```

Complementary Color

#21ad8a
```
#21ad8a rgb(33,173,138)
```
#218aad
```
#218aad rgb(33,138,173)
```
#2144ad
```
#2144ad rgb(33,68,173)
```

Analogous Color

#ad8a21
```
#ad8a21 rgb(173,138,33)
```
#218aad
```
#218aad rgb(33,138,173)
```
#ad2144
```
#ad2144 rgb(173,33,68)
```

Split Complementary Color

#8aad21
```
#8aad21 rgb(138,173,33)
```
#218aad
```
#218aad rgb(33,138,173)
```
#ad218a
```
#ad218a rgb(173,33,138)
```

Triadic Color

#21ad44
```
#21ad44 rgb(33,173,68)
```
#218aad
```
#218aad rgb(33,138,173)
```
#ad218a
```
#ad218a rgb(173,33,138)
```
#ad4421
```
#ad4421 rgb(173,68,33)
```

Tetradic Color

#15576d
```
#15576d rgb(21,87,109)
```
#196882
```
#196882 rgb(25,104,130)
```
#1d7998
```
#1d7998 rgb(29,121,152)
```
#218aad
```
#218aad rgb(33,138,173)
```
#259bc2
```
#259bc2 rgb(37,155,194)
```
#2babd6
```
#2babd6 rgb(43,171,214)
```
#40b4db
```
#40b4db rgb(64,180,219)
```

Monochromatic Color

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

#21adad
```
#21adad rgb(33,173,173)
```
#21a1ad
```
#21a1ad rgb(33,161,173)
```
#2196ad
```
#2196ad rgb(33,150,173)
```
#218aad
```
#218aad rgb(33,138,173)
```
#217ead
```
#217ead rgb(33,126,173)
```
#2173ad
```
#2173ad rgb(33,115,173)
```
#2167ad
```
#2167ad rgb(33,103,173)
```

Similar Colors

Text with hexadecimal color #218aad

This text has a font color of #218aad.

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

#218aad background color

This paragraph has a background color of #218aad.

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

#218aad border color

This element has a border color of #218aad.

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

CSS codes

.text {color:#218aad;}

.background {background-color:#218aad;}

.border {border:1px solid #218aad;}

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

#020708
```
#020708 rgb(2,7,8)
```
#051419
```
#051419 rgb(5,20,25)
```
#082129
```
#082129 rgb(8,33,41)
```
#0b2e3a
```
#0b2e3a rgb(11,46,58)
```
#0e3b4a
```
#0e3b4a rgb(14,59,74)
```
#11485b
```
#11485b rgb(17,72,91)
```
#14556b
```
#14556b rgb(20,85,107)
```
#18637c
```
#18637c rgb(24,99,124)
```
#1b708c
```
#1b708c rgb(27,112,140)
```
#1e7d9d
```
#1e7d9d rgb(30,125,157)
```
#218aad
```
#218aad rgb(33,138,173)
```
#2497bd
```
#2497bd rgb(36,151,189)
```
#27a4ce
```
#27a4ce rgb(39,164,206)
```

Shade Color Variation

#31aed8
```
#31aed8 rgb(49,174,216)
```
#42b5db
```
#42b5db rgb(66,181,219)
```
#52bbde
```
#52bbde rgb(82,187,222)
```
#63c2e1
```
#63c2e1 rgb(99,194,225)
```
#73c8e4
```
#73c8e4 rgb(115,200,228)
```
#83cee7
```
#83cee7 rgb(131,206,231)
```
#94d5eb
```
#94d5eb rgb(148,213,235)
```
#a4dbee
```
#a4dbee rgb(164,219,238)
```
#b5e2f1
```
#b5e2f1 rgb(181,226,241)
```
#c5e8f4
```
#c5e8f4 rgb(197,232,244)
```
#d6eff7
```
#d6eff7 rgb(214,239,247)
```
#e6f5fa
```
#e6f5fa rgb(230,245,250)
```
#f7fcfd
```
#f7fcfd rgb(247,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #606a6e is the less saturated color, while #019acd is the most saturated one.

#606a6e
```
#606a6e rgb(96,106,110)
```
#586e76
```
#586e76 rgb(88,110,118)
```
#51727d
```
#51727d rgb(81,114,125)
```
#497685
```
#497685 rgb(73,118,133)
```
#417a8d
```
#417a8d rgb(65,122,141)
```
#397e95
```
#397e95 rgb(57,126,149)
```
#31829d
```
#31829d rgb(49,130,157)
```
#2986a5
```
#2986a5 rgb(41,134,165)
```
#218aad
```
#218aad rgb(33,138,173)
```
#198eb5
```
#198eb5 rgb(25,142,181)
```
#1192bd
```
#1192bd rgb(17,146,189)
```
#0996c5
```
#0996c5 rgb(9,150,197)
```
#019acd
```
#019acd rgb(1,154,205)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#5f747b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c85a9 Protanopia 1% of men
#7585b5 Deuteranopia 1% of men
#00939e Tritanopia 0.001% of the population

Trichromacy

#5b86ab Protanomaly 1% of men, 0.01% of women
#5686b2 Deuteranomaly 6% of men, 0.4% of women
#0c90a3 Tritanomaly 0.01% of the population

#218aad hex color

#218aad Color Information

#218aad Color Conversion

Color Schemes with #218aad

Alternatives to #218aad

#218aad Preview

Shades and Tints of #218aad

Tones of #218aad

Color Blindness Simulator