#2caaa9 hex color

In a RGB color space, hex #2caaa9 is composed of 17.3% red, 66.7% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 0% magenta, 0.6% yellow and 33.3% black. It has a hue angle of 179.5 degrees, a saturation of 58.9% and a lightness of 42%. #2caaa9 color hex could be obtained by blending #58ffff with #005553. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 17
- G 67
- B 66
RGB color chart
- C 74
- M 0
- Y 1
- K 33
CMYK color chart

● #2caaa9 color description : Dark cyan.

The hexadecimal color #2caaa9 has RGB values of R:44, G:170, B:169 and CMYK values of C:0.74, M:0, Y:0.01, K:0.33. Its decimal value is 2927273.

Hex triplet	2caaa9	`#2caaa9`
RGB Decimal	44, 170, 169	`rgb(44,170,169)`
RGB Percent	17.3, 66.7, 66.3	`rgb(17.3%,66.7%,66.3%)`
CMYK	74, 0, 1, 33
HSL	179.5°, 58.9, 42	`hsl(179.5,58.9%,42%)`
HSV (or HSB)	179.5°, 74.1, 66.7
Web Safe	339999	`#339999`

CIE-LAB	63.465, -32.883, -9.213
XYZ	22.573, 32.147, 42.549
xyY	0.232, 0.33, 32.147
CIE-LCH	63.465, 34.15, 195.651
CIE-LUV	63.465, -45.437, -8.955
Hunter-Lab	56.699, -28.159, -4.805
Binary	00101100, 10101010, 10101001

#2caaa9
```
#2caaa9 rgb(44,170,169)
```
#aa2c2d
```
#aa2c2d rgb(170,44,45)
```

Complementary Color

#2caa6a
```
#2caa6a rgb(44,170,106)
```
#2caaa9
```
#2caaa9 rgb(44,170,169)
```
#2c6caa
```
#2c6caa rgb(44,108,170)
```

Analogous Color

#aa6a2c
```
#aa6a2c rgb(170,106,44)
```
#2caaa9
```
#2caaa9 rgb(44,170,169)
```
#aa2c6c
```
#aa2c6c rgb(170,44,108)
```

Split Complementary Color

#aaa92c
```
#aaa92c rgb(170,169,44)
```
#2caaa9
```
#2caaa9 rgb(44,170,169)
```
#a92caa
```
#a92caa rgb(169,44,170)
```

Triadic Color

#2daa2c
```
#2daa2c rgb(45,170,44)
```
#2caaa9
```
#2caaa9 rgb(44,170,169)
```
#a92caa
```
#a92caa rgb(169,44,170)
```
#aa2c2d
```
#aa2c2d rgb(170,44,45)
```

Tetradic Color

#1c6d6d
```
#1c6d6d rgb(28,109,109)
```
#228181
```
#228181 rgb(34,129,129)
```
#279695
```
#279695 rgb(39,150,149)
```
#2caaa9
```
#2caaa9 rgb(44,170,169)
```
#31bebd
```
#31bebd rgb(49,190,189)
```
#3ccdcb
```
#3ccdcb rgb(60,205,203)
```
#51d2d1
```
#51d2d1 rgb(81,210,209)
```

Monochromatic Color

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

#2caa8a
```
#2caa8a rgb(44,170,138)
```
#2caa94
```
#2caa94 rgb(44,170,148)
```
#2caa9f
```
#2caa9f rgb(44,170,159)
```
#2caaa9
```
#2caaa9 rgb(44,170,169)
```
#2ca1aa
```
#2ca1aa rgb(44,161,170)
```
#2c96aa
```
#2c96aa rgb(44,150,170)
```
#2c8caa
```
#2c8caa rgb(44,140,170)
```

Similar Colors

Text with hexadecimal color #2caaa9

This text has a font color of #2caaa9.

<span style="color:#2caaa9;">Text here</span>

#2caaa9 background color

This paragraph has a background color of #2caaa9.

<p style="background-color:#2caaa9;">Content here</p>

#2caaa9 border color

This element has a border color of #2caaa9.

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

CSS codes

.text {color:#2caaa9;}

.background {background-color:#2caaa9;}

.border {border:1px solid #2caaa9;}

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, #040e0e is the darkest color, while #feffff is the lightest one.

#040e0e
```
#040e0e rgb(4,14,14)
```
#081e1e
```
#081e1e rgb(8,30,30)
```
#0c2d2d
```
#0c2d2d rgb(12,45,45)
```
#103d3d
```
#103d3d rgb(16,61,61)
```
#144d4c
```
#144d4c rgb(20,77,76)
```
#185c5c
```
#185c5c rgb(24,92,92)
```
#1c6c6b
```
#1c6c6b rgb(28,108,107)
```
#207b7b
```
#207b7b rgb(32,123,123)
```
#248b8a
```
#248b8a rgb(36,139,138)
```
#289a9a
```
#289a9a rgb(40,154,154)
```
#2caaa9
```
#2caaa9 rgb(44,170,169)
```
#30bab8
```
#30bab8 rgb(48,186,184)
```
#34c9c8
```
#34c9c8 rgb(52,201,200)
```

Shade Color Variation

#43cecd
```
#43cecd rgb(67,206,205)
```
#52d2d1
```
#52d2d1 rgb(82,210,209)
```
#62d6d5
```
#62d6d5 rgb(98,214,213)
```
#71dada
```
#71dada rgb(113,218,218)
```
#81dede
```
#81dede rgb(129,222,222)
```
#91e2e2
```
#91e2e2 rgb(145,226,226)
```
#a0e6e6
```
#a0e6e6 rgb(160,230,230)
```
#b0eaea
```
#b0eaea rgb(176,234,234)
```
#bfefee
```
#bfefee rgb(191,239,238)
```
#cff3f2
```
#cff3f2 rgb(207,243,242)
```
#def7f6
```
#def7f6 rgb(222,247,246)
```
#eefbfb
```
#eefbfb rgb(238,251,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #667070 is the less saturated color, while #03d3d2 is the most saturated one.

#667070
```
#667070 rgb(102,112,112)
```
#5d7978
```
#5d7978 rgb(93,121,120)
```
#558180
```
#558180 rgb(85,129,128)
```
#4d8989
```
#4d8989 rgb(77,137,137)
```
#459191
```
#459191 rgb(69,145,145)
```
#3c9a99
```
#3c9a99 rgb(60,154,153)
```
#34a2a1
```
#34a2a1 rgb(52,162,161)
```
#2caaa9
```
#2caaa9 rgb(44,170,169)
```
#24b2b1
```
#24b2b1 rgb(36,178,177)
```
#1cbab9
```
#1cbab9 rgb(28,186,185)
```
#13c3c1
```
#13c3c1 rgb(19,195,193)
```
#0bcbc9
```
#0bcbc9 rgb(11,203,201)
```
#03d3d2
```
#03d3d2 rgb(3,211,210)
```

Tone Color Variation

Below, you can see how #2caaa9 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

#848484 Achromatopsia 0.005% of the population
#728c8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9ea4 Protanopia 1% of men
#a29bb4 Deuteranopia 1% of men
#40acb9 Tritanopia 0.001% of the population

Trichromacy

#75a2a6 Protanomaly 1% of men, 0.01% of women
#77a0b0 Deuteranomaly 6% of men, 0.4% of women
#39abb3 Tritanomaly 0.01% of the population

#2caaa9 hex color

#2caaa9 Color Information

#2caaa9 Color Conversion

Color Schemes with #2caaa9

Alternatives to #2caaa9

#2caaa9 Preview

Shades and Tints of #2caaa9

Tones of #2caaa9

Color Blindness Simulator