#219caa hex color

In a RGB color space, hex #219caa is composed of 12.9% red, 61.2% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 8.2% magenta, 0% yellow and 33.3% black. It has a hue angle of 186.1 degrees, a saturation of 67.5% and a lightness of 39.8%. #219caa color hex could be obtained by blending #42ffff with #003955. Closest websafe color is: #339999.

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

● #219caa color description : Dark cyan.

The hexadecimal color #219caa has RGB values of R:33, G:156, B:170 and CMYK values of C:0.81, M:0.08, Y:0, K:0.33. Its decimal value is 2202794.

Hex triplet	219caa	`#219caa`
RGB Decimal	33, 156, 170	`rgb(33,156,170)`
RGB Percent	12.9, 61.2, 66.7	`rgb(12.9%,61.2%,66.7%)`
CMYK	81, 8, 0, 33
HSL	186.1°, 67.5, 39.8	`hsl(186.1,67.5%,39.8%)`
HSV (or HSB)	186.1°, 80.6, 66.7
Web Safe	339999	`#339999`

CIE-LAB	58.975, -26.921, -16.549
XYZ	19.769, 27.001, 42.198
xyY	0.222, 0.303, 27.001
CIE-LCH	58.975, 31.601, 211.581
CIE-LUV	58.975, -41.723, -21.166
Hunter-Lab	51.962, -23.023, -11.775
Binary	00100001, 10011100, 10101010

#219caa
```
#219caa rgb(33,156,170)
```
#aa2f21
```
#aa2f21 rgb(170,47,33)
```

Complementary Color

#21aa74
```
#21aa74 rgb(33,170,116)
```
#219caa
```
#219caa rgb(33,156,170)
```
#2158aa
```
#2158aa rgb(33,88,170)
```

Analogous Color

#aa7421
```
#aa7421 rgb(170,116,33)
```
#219caa
```
#219caa rgb(33,156,170)
```
#aa2158
```
#aa2158 rgb(170,33,88)
```

Split Complementary Color

#9caa21
```
#9caa21 rgb(156,170,33)
```
#219caa
```
#219caa rgb(33,156,170)
```
#aa219c
```
#aa219c rgb(170,33,156)
```

Triadic Color

#21aa2f
```
#21aa2f rgb(33,170,47)
```
#219caa
```
#219caa rgb(33,156,170)
```
#aa219c
```
#aa219c rgb(170,33,156)
```
#aa2f21
```
#aa2f21 rgb(170,47,33)
```

Tetradic Color

#15616a
```
#15616a rgb(21,97,106)
```
#19757f
```
#19757f rgb(25,117,127)
```
#1d8895
```
#1d8895 rgb(29,136,149)
```
#219caa
```
#219caa rgb(33,156,170)
```
#25b0bf
```
#25b0bf rgb(37,176,191)
```
#29c3d5
```
#29c3d5 rgb(41,195,213)
```
#3ecada
```
#3ecada rgb(62,202,218)
```

Monochromatic Color

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

#21aa96
```
#21aa96 rgb(33,170,150)
```
#21aaa1
```
#21aaa1 rgb(33,170,161)
```
#21a7aa
```
#21a7aa rgb(33,167,170)
```
#219caa
```
#219caa rgb(33,156,170)
```
#2191aa
```
#2191aa rgb(33,145,170)
```
#2185aa
```
#2185aa rgb(33,133,170)
```
#217aaa
```
#217aaa rgb(33,122,170)
```

Similar Colors

Text with hexadecimal color #219caa

This text has a font color of #219caa.

<span style="color:#219caa;">Text here</span>

#219caa background color

This paragraph has a background color of #219caa.

<p style="background-color:#219caa;">Content here</p>

#219caa border color

This element has a border color of #219caa.

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

CSS codes

.text {color:#219caa;}

.background {background-color:#219caa;}

.border {border:1px solid #219caa;}

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

#010506
```
#010506 rgb(1,5,6)
```
#041416
```
#041416 rgb(4,20,22)
```
#072327
```
#072327 rgb(7,35,39)
```
#0b3237
```
#0b3237 rgb(11,50,55)
```
#0e4247
```
#0e4247 rgb(14,66,71)
```
#115158
```
#115158 rgb(17,81,88)
```
#146068
```
#146068 rgb(20,96,104)
```
#176f79
```
#176f79 rgb(23,111,121)
```
#1b7e89
```
#1b7e89 rgb(27,126,137)
```
#1e8d9a
```
#1e8d9a rgb(30,141,154)
```
#219caa
```
#219caa rgb(33,156,170)
```
#24abba
```
#24abba rgb(36,171,186)
```
#27bacb
```
#27bacb rgb(39,186,203)
```

Shade Color Variation

#2fc6d7
```
#2fc6d7 rgb(47,198,215)
```
#40cada
```
#40cada rgb(64,202,218)
```
#50cfdd
```
#50cfdd rgb(80,207,221)
```
#60d3e0
```
#60d3e0 rgb(96,211,224)
```
#71d8e3
```
#71d8e3 rgb(113,216,227)
```
#81dce7
```
#81dce7 rgb(129,220,231)
```
#92e1ea
```
#92e1ea rgb(146,225,234)
```
#a2e5ed
```
#a2e5ed rgb(162,229,237)
```
#b3eaf0
```
#b3eaf0 rgb(179,234,240)
```
#c3eef3
```
#c3eef3 rgb(195,238,243)
```
#d3f3f7
```
#d3f3f7 rgb(211,243,247)
```
#e4f8fa
```
#e4f8fa rgb(228,248,250)
```
#f4fcfd
```
#f4fcfd rgb(244,252,253)
```

Tint Color Variation

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

#5f6a6c
```
#5f6a6c rgb(95,106,108)
```
#587173
```
#587173 rgb(88,113,115)
```
#50777b
```
#50777b rgb(80,119,123)
```
#487d83
```
#487d83 rgb(72,125,131)
```
#40838b
```
#40838b rgb(64,131,139)
```
#388993
```
#388993 rgb(56,137,147)
```
#31909a
```
#31909a rgb(49,144,154)
```
#2996a2
```
#2996a2 rgb(41,150,162)
```
#219caa
```
#219caa rgb(33,156,170)
```
#19a2b2
```
#19a2b2 rgb(25,162,178)
```
#11a8ba
```
#11a8ba rgb(17,168,186)
```
#0aafc1
```
#0aafc1 rgb(10,175,193)
```
#02b5c9
```
#02b5c9 rgb(2,181,201)
```

Tone Color Variation

Below, you can see how #219caa 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

#797979 Achromatopsia 0.005% of the population
#678083 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9092a5 Protanopia 1% of men
#8f91b4 Deuteranopia 1% of men
#2ba1ad Tritanopia 0.001% of the population

Trichromacy

#6896a7 Protanomaly 1% of men, 0.01% of women
#6795b0 Deuteranomaly 6% of men, 0.4% of women
#279fac Tritanomaly 0.01% of the population

#219caa hex color

#219caa Color Information

#219caa Color Conversion

Color Schemes with #219caa

Alternatives to #219caa

#219caa Preview

Shades and Tints of #219caa

Tones of #219caa

Color Blindness Simulator