#2aa284 hex color

In a RGB color space, hex #2aa284 is composed of 16.5% red, 63.5% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 0% magenta, 18.5% yellow and 36.5% black. It has a hue angle of 165 degrees, a saturation of 58.8% and a lightness of 40%. #2aa284 color hex could be obtained by blending #54ffff with #004509. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 16
- G 64
- B 52
RGB color chart
- C 74
- M 0
- Y 19
- K 36
CMYK color chart

● #2aa284 color description : Dark cyan.

The hexadecimal color #2aa284 has RGB values of R:42, G:162, B:132 and CMYK values of C:0.74, M:0, Y:0.19, K:0.36. Its decimal value is 2794116.

Hex triplet	2aa284	`#2aa284`
RGB Decimal	42, 162, 132	`rgb(42,162,132)`
RGB Percent	16.5, 63.5, 51.8	`rgb(16.5%,63.5%,51.8%)`
CMYK	74, 0, 19, 36
HSL	165°, 58.8, 40	`hsl(165,58.8%,40%)`
HSV (or HSB)	165°, 74.1, 63.5
Web Safe	339999	`#339999`

CIE-LAB	59.886, -39.759, 6.312
XYZ	18.038, 27.997, 26.282
xyY	0.249, 0.387, 27.997
CIE-LCH	59.886, 40.257, 170.98
CIE-LUV	59.886, -45.336, 14.941
Hunter-Lab	52.912, -31.744, 7.589
Binary	00101010, 10100010, 10000100

#2aa284
```
#2aa284 rgb(42,162,132)
```
#a22a48
```
#a22a48 rgb(162,42,72)
```

Complementary Color

#2aa248
```
#2aa248 rgb(42,162,72)
```
#2aa284
```
#2aa284 rgb(42,162,132)
```
#2a84a2
```
#2a84a2 rgb(42,132,162)
```

Analogous Color

#a2482a
```
#a2482a rgb(162,72,42)
```
#2aa284
```
#2aa284 rgb(42,162,132)
```
#a22a84
```
#a22a84 rgb(162,42,132)
```

Split Complementary Color

#a2842a
```
#a2842a rgb(162,132,42)
```
#2aa284
```
#2aa284 rgb(42,162,132)
```
#842aa2
```
#842aa2 rgb(132,42,162)
```

Triadic Color

#48a22a
```
#48a22a rgb(72,162,42)
```
#2aa284
```
#2aa284 rgb(42,162,132)
```
#842aa2
```
#842aa2 rgb(132,42,162)
```
#a22a48
```
#a22a48 rgb(162,42,72)
```

Tetradic Color

#1a6553
```
#1a6553 rgb(26,101,83)
```
#207a63
```
#207a63 rgb(32,122,99)
```
#258e74
```
#258e74 rgb(37,142,116)
```
#2aa284
```
#2aa284 rgb(42,162,132)
```
#2fb695
```
#2fb695 rgb(47,182,149)
```
#35cba5
```
#35cba5 rgb(53,203,165)
```
#49d0ae
```
#49d0ae rgb(73,208,174)
```

Monochromatic Color

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

#2aa266
```
#2aa266 rgb(42,162,102)
```
#2aa270
```
#2aa270 rgb(42,162,112)
```
#2aa27a
```
#2aa27a rgb(42,162,122)
```
#2aa284
```
#2aa284 rgb(42,162,132)
```
#2aa28e
```
#2aa28e rgb(42,162,142)
```
#2aa298
```
#2aa298 rgb(42,162,152)
```
#2aa2a2
```
#2aa2a2 rgb(42,162,162)
```

Similar Colors

Text with hexadecimal color #2aa284

This text has a font color of #2aa284.

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

#2aa284 background color

This paragraph has a background color of #2aa284.

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

#2aa284 border color

This element has a border color of #2aa284.

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

CSS codes

.text {color:#2aa284;}

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

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

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

#020605
```
#020605 rgb(2,6,5)
```
#061612
```
#061612 rgb(6,22,18)
```
#0a251e
```
#0a251e rgb(10,37,30)
```
#0e352b
```
#0e352b rgb(14,53,43)
```
#124538
```
#124538 rgb(18,69,56)
```
#165445
```
#165445 rgb(22,84,69)
```
#1a6451
```
#1a6451 rgb(26,100,81)
```
#1e735e
```
#1e735e rgb(30,115,94)
```
#22836b
```
#22836b rgb(34,131,107)
```
#269277
```
#269277 rgb(38,146,119)
```
#2aa284
```
#2aa284 rgb(42,162,132)
```
#2eb291
```
#2eb291 rgb(46,178,145)
```
#32c19d
```
#32c19d rgb(50,193,157)
```

Shade Color Variation

#3bcca8
```
#3bcca8 rgb(59,204,168)
```
#4ad0af
```
#4ad0af rgb(74,208,175)
```
#5ad4b6
```
#5ad4b6 rgb(90,212,182)
```
#69d8bd
```
#69d8bd rgb(105,216,189)
```
#79dcc3
```
#79dcc3 rgb(121,220,195)
```
#89e0ca
```
#89e0ca rgb(137,224,202)
```
#98e4d1
```
#98e4d1 rgb(152,228,209)
```
#a8e8d8
```
#a8e8d8 rgb(168,232,216)
```
#b7ecdf
```
#b7ecdf rgb(183,236,223)
```
#c7f0e6
```
#c7f0e6 rgb(199,240,230)
```
#d7f5ed
```
#d7f5ed rgb(215,245,237)
```
#e6f9f4
```
#e6f9f4 rgb(230,249,244)
```
#f6fdfb
```
#f6fdfb rgb(246,253,251)
```

Tint Color Variation

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

#616b69
```
#616b69 rgb(97,107,105)
```
#59736c
```
#59736c rgb(89,115,108)
```
#517b70
```
#517b70 rgb(81,123,112)
```
#498374
```
#498374 rgb(73,131,116)
```
#428a78
```
#428a78 rgb(66,138,120)
```
#3a927c
```
#3a927c rgb(58,146,124)
```
#329a80
```
#329a80 rgb(50,154,128)
```
#2aa284
```
#2aa284 rgb(42,162,132)
```
#22aa88
```
#22aa88 rgb(34,170,136)
```
#1ab28c
```
#1ab28c rgb(26,178,140)
```
#12ba90
```
#12ba90 rgb(18,186,144)
```
#0bc194
```
#0bc194 rgb(11,193,148)
```
#03c998
```
#03c998 rgb(3,201,152)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6b837d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9582 Protanopia 1% of men
#a59191 Deuteranopia 1% of men
#4aa1ad Tritanopia 0.001% of the population

Trichromacy

#739a82 Protanomaly 1% of men, 0.01% of women
#78978c Deuteranomaly 6% of men, 0.4% of women
#3ea19e Tritanomaly 0.01% of the population

#2aa284 hex color

#2aa284 Color Information

#2aa284 Color Conversion

Color Schemes with #2aa284

Alternatives to #2aa284

#2aa284 Preview

Shades and Tints of #2aa284

Tones of #2aa284

Color Blindness Simulator