#2aa554 hex color

In a RGB color space, hex #2aa554 is composed of 16.5% red, 64.7% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 0% magenta, 49.1% yellow and 35.3% black. It has a hue angle of 140.5 degrees, a saturation of 59.4% and a lightness of 40.6%. #2aa554 color hex could be obtained by blending #54ffa8 with #004b00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 16
- G 65
- B 33
RGB color chart
- C 75
- M 0
- Y 49
- K 35
CMYK color chart

● #2aa554 color description : Dark cyan - lime green.

The hexadecimal color #2aa554 has RGB values of R:42, G:165, B:84 and CMYK values of C:0.75, M:0, Y:0.49, K:0.35. Its decimal value is 2794836.

Hex triplet	2aa554	`#2aa554`
RGB Decimal	42, 165, 84	`rgb(42,165,84)`
RGB Percent	16.5, 64.7, 32.9	`rgb(16.5%,64.7%,32.9%)`
CMYK	75, 0, 49, 35
HSL	140.5°, 59.4, 40.6	`hsl(140.5,59.4%,40.6%)`
HSV (or HSB)	140.5°, 74.5, 64.7
Web Safe	339966	`#339966`

CIE-LAB	59.926, -51.136, 32.536
XYZ	16.009, 28.041, 12.956
xyY	0.281, 0.492, 28.041
CIE-LCH	59.926, 60.61, 147.533
CIE-LUV	59.926, -49.208, 48.626
Hunter-Lab	52.954, -38.704, 22.562
Binary	00101010, 10100101, 01010100

#2aa554
```
#2aa554 rgb(42,165,84)
```
#a52a7b
```
#a52a7b rgb(165,42,123)
```

Complementary Color

#3ea52a
```
#3ea52a rgb(62,165,42)
```
#2aa554
```
#2aa554 rgb(42,165,84)
```
#2aa592
```
#2aa592 rgb(42,165,146)
```

Analogous Color

#a52a3e
```
#a52a3e rgb(165,42,62)
```
#2aa554
```
#2aa554 rgb(42,165,84)
```
#922aa5
```
#922aa5 rgb(146,42,165)
```

Split Complementary Color

#a5542a
```
#a5542a rgb(165,84,42)
```
#2aa554
```
#2aa554 rgb(42,165,84)
```
#542aa5
```
#542aa5 rgb(84,42,165)
```

Triadic Color

#7ba52a
```
#7ba52a rgb(123,165,42)
```
#2aa554
```
#2aa554 rgb(42,165,84)
```
#542aa5
```
#542aa5 rgb(84,42,165)
```
#a52a7b
```
#a52a7b rgb(165,42,123)
```

Tetradic Color

#1a6835
```
#1a6835 rgb(26,104,53)
```
#207c3f
```
#207c3f rgb(32,124,63)
```
#25914a
```
#25914a rgb(37,145,74)
```
#2aa554
```
#2aa554 rgb(42,165,84)
```
#2fb95e
```
#2fb95e rgb(47,185,94)
```
#36cc69
```
#36cc69 rgb(54,204,105)
```
#4ad178
```
#4ad178 rgb(74,209,120)
```

Monochromatic Color

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

#2aa535
```
#2aa535 rgb(42,165,53)
```
#2aa53f
```
#2aa53f rgb(42,165,63)
```
#2aa54a
```
#2aa54a rgb(42,165,74)
```
#2aa554
```
#2aa554 rgb(42,165,84)
```
#2aa55e
```
#2aa55e rgb(42,165,94)
```
#2aa569
```
#2aa569 rgb(42,165,105)
```
#2aa573
```
#2aa573 rgb(42,165,115)
```

Similar Colors

Text with hexadecimal color #2aa554

This text has a font color of #2aa554.

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

#2aa554 background color

This paragraph has a background color of #2aa554.

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

#2aa554 border color

This element has a border color of #2aa554.

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

CSS codes

.text {color:#2aa554;}

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

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

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

#020904
```
#020904 rgb(2,9,4)
```
#06180c
```
#06180c rgb(6,24,12)
```
#0a2814
```
#0a2814 rgb(10,40,20)
```
#0e381c
```
#0e381c rgb(14,56,28)
```
#124724
```
#124724 rgb(18,71,36)
```
#16572c
```
#16572c rgb(22,87,44)
```
#1a6634
```
#1a6634 rgb(26,102,52)
```
#1e763c
```
#1e763c rgb(30,118,60)
```
#228644
```
#228644 rgb(34,134,68)
```
#26954c
```
#26954c rgb(38,149,76)
```
#2aa554
```
#2aa554 rgb(42,165,84)
```
#2eb55c
```
#2eb55c rgb(46,181,92)
```
#32c464
```
#32c464 rgb(50,196,100)
```

Shade Color Variation

#3ccd6e
```
#3ccd6e rgb(60,205,110)
```
#4cd17a
```
#4cd17a rgb(76,209,122)
```
#5cd585
```
#5cd585 rgb(92,213,133)
```
#6bd991
```
#6bd991 rgb(107,217,145)
```
#7bdd9d
```
#7bdd9d rgb(123,221,157)
```
#8be1a8
```
#8be1a8 rgb(139,225,168)
```
#9ae5b4
```
#9ae5b4 rgb(154,229,180)
```
#aae9c0
```
#aae9c0 rgb(170,233,192)
```
#b9edcb
```
#b9edcb rgb(185,237,203)
```
#c9f1d7
```
#c9f1d7 rgb(201,241,215)
```
#d9f5e2
```
#d9f5e2 rgb(217,245,226)
```
#e8f9ee
```
#e8f9ee rgb(232,249,238)
```
#f8fdfa
```
#f8fdfa rgb(248,253,250)
```

Tint Color Variation

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

#626d66
```
#626d66 rgb(98,109,102)
```
#5a7563
```
#5a7563 rgb(90,117,99)
```
#527d61
```
#527d61 rgb(82,125,97)
```
#4a855e
```
#4a855e rgb(74,133,94)
```
#428d5c
```
#428d5c rgb(66,141,92)
```
#3a9559
```
#3a9559 rgb(58,149,89)
```
#329d57
```
#329d57 rgb(50,157,87)
```
#2aa554
```
#2aa554 rgb(42,165,84)
```
#22ad51
```
#22ad51 rgb(34,173,81)
```
#1ab54f
```
#1ab54f rgb(26,181,79)
```
#12bd4c
```
#12bd4c rgb(18,189,76)
```
#0ac54a
```
#0ac54a rgb(10,197,74)
```
#02cd47
```
#02cd47 rgb(2,205,71)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#688070 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49656 Protanopia 1% of men
#b29066 Deuteranopia 1% of men
#57a0ac Tritanopia 0.001% of the population

Trichromacy

#779b55 Protanomaly 1% of men, 0.01% of women
#81975f Deuteranomaly 6% of men, 0.4% of women
#46a28c Tritanomaly 0.01% of the population

#2aa554 hex color

#2aa554 Color Information

#2aa554 Color Conversion

Color Schemes with #2aa554

Alternatives to #2aa554

#2aa554 Preview

Shades and Tints of #2aa554

Tones of #2aa554

Color Blindness Simulator