#2aba6c hex color

In a RGB color space, hex #2aba6c is composed of 16.5% red, 72.9% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 0% magenta, 41.9% yellow and 27.1% black. It has a hue angle of 147.5 degrees, a saturation of 63.2% and a lightness of 44.7%. #2aba6c color hex could be obtained by blending #54ffd8 with #007500. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 16
- G 73
- B 42
RGB color chart
- C 77
- M 0
- Y 42
- K 27
CMYK color chart

● #2aba6c color description : Strong cyan - lime green.

The hexadecimal color #2aba6c has RGB values of R:42, G:186, B:108 and CMYK values of C:0.77, M:0, Y:0.42, K:0.27. Its decimal value is 2800236.

Hex triplet	2aba6c	`#2aba6c`
RGB Decimal	42, 186, 108	`rgb(42,186,108)`
RGB Percent	16.5, 72.9, 42.4	`rgb(16.5%,72.9%,42.4%)`
CMYK	77, 0, 42, 27
HSL	147.5°, 63.2, 44.7	`hsl(147.5,63.2%,44.7%)`
HSV (or HSB)	147.5°, 77.4, 72.9
Web Safe	33cc66	`#33cc66`

CIE-LAB	67.044, -54.631, 29.206
XYZ	21.219, 36.691, 20.15
xyY	0.272, 0.47, 36.691
CIE-LCH	67.044, 61.948, 151.87
CIE-LUV	67.044, -55.387, 47.181
Hunter-Lab	60.573, -43.473, 22.677
Binary	00101010, 10111010, 01101100

#2aba6c
```
#2aba6c rgb(42,186,108)
```
#ba2a78
```
#ba2a78 rgb(186,42,120)
```

Complementary Color

#30ba2a
```
#30ba2a rgb(48,186,42)
```
#2aba6c
```
#2aba6c rgb(42,186,108)
```
#2abab4
```
#2abab4 rgb(42,186,180)
```

Analogous Color

#ba2a30
```
#ba2a30 rgb(186,42,48)
```
#2aba6c
```
#2aba6c rgb(42,186,108)
```
#b42aba
```
#b42aba rgb(180,42,186)
```

Split Complementary Color

#ba6c2a
```
#ba6c2a rgb(186,108,42)
```
#2aba6c
```
#2aba6c rgb(42,186,108)
```
#6c2aba
```
#6c2aba rgb(108,42,186)
```

Triadic Color

#78ba2a
```
#78ba2a rgb(120,186,42)
```
#2aba6c
```
#2aba6c rgb(42,186,108)
```
#6c2aba
```
#6c2aba rgb(108,42,186)
```
#ba2a78
```
#ba2a78 rgb(186,42,120)
```

Tetradic Color

#1c7c48
```
#1c7c48 rgb(28,124,72)
```
#219054
```
#219054 rgb(33,144,84)
```
#25a560
```
#25a560 rgb(37,165,96)
```
#2aba6c
```
#2aba6c rgb(42,186,108)
```
#2fcf78
```
#2fcf78 rgb(47,207,120)
```
#43d485
```
#43d485 rgb(67,212,133)
```
#57d993
```
#57d993 rgb(87,217,147)
```

Monochromatic Color

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

#2aba48
```
#2aba48 rgb(42,186,72)
```
#2aba54
```
#2aba54 rgb(42,186,84)
```
#2aba60
```
#2aba60 rgb(42,186,96)
```
#2aba6c
```
#2aba6c rgb(42,186,108)
```
#2aba78
```
#2aba78 rgb(42,186,120)
```
#2aba84
```
#2aba84 rgb(42,186,132)
```
#2aba90
```
#2aba90 rgb(42,186,144)
```

Similar Colors

Text with hexadecimal color #2aba6c

This text has a font color of #2aba6c.

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

#2aba6c background color

This paragraph has a background color of #2aba6c.

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

#2aba6c border color

This element has a border color of #2aba6c.

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

CSS codes

.text {color:#2aba6c;}

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

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

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, #020a06 is the darkest color, while #f9fefb is the lightest one.

#020a06
```
#020a06 rgb(2,10,6)
```
#061a0f
```
#061a0f rgb(6,26,15)
```
#092a18
```
#092a18 rgb(9,42,24)
```
#0d3a22
```
#0d3a22 rgb(13,58,34)
```
#114a2b
```
#114a2b rgb(17,74,43)
```
#145a34
```
#145a34 rgb(20,90,52)
```
#186a3e
```
#186a3e rgb(24,106,62)
```
#1c7a47
```
#1c7a47 rgb(28,122,71)
```
#1f8a50
```
#1f8a50 rgb(31,138,80)
```
#239a59
```
#239a59 rgb(35,154,89)
```
#26aa63
```
#26aa63 rgb(38,170,99)
```
#2aba6c
```
#2aba6c rgb(42,186,108)
```
#2eca75
```
#2eca75 rgb(46,202,117)
```

Shade Color Variation

#39d27f
```
#39d27f rgb(57,210,127)
```
#49d68a
```
#49d68a rgb(73,214,138)
```
#59da94
```
#59da94 rgb(89,218,148)
```
#69dd9e
```
#69dd9e rgb(105,221,158)
```
#79e1a9
```
#79e1a9 rgb(121,225,169)
```
#89e4b3
```
#89e4b3 rgb(137,228,179)
```
#99e8bd
```
#99e8bd rgb(153,232,189)
```
#a9ecc7
```
#a9ecc7 rgb(169,236,199)
```
#b9efd2
```
#b9efd2 rgb(185,239,210)
```
#c9f3dc
```
#c9f3dc rgb(201,243,220)
```
#d9f6e6
```
#d9f6e6 rgb(217,246,230)
```
#e9faf1
```
#e9faf1 rgb(233,250,241)
```
#f9fefb
```
#f9fefb rgb(249,254,251)
```

Tint Color Variation

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

#707472
```
#707472 rgb(112,116,114)
```
#677d71
```
#677d71 rgb(103,125,113)
```
#5f8570
```
#5f8570 rgb(95,133,112)
```
#568e70
```
#568e70 rgb(86,142,112)
```
#4d976f
```
#4d976f rgb(77,151,111)
```
#44a06e
```
#44a06e rgb(68,160,110)
```
#3ca86d
```
#3ca86d rgb(60,168,109)
```
#33b16d
```
#33b16d rgb(51,177,109)
```
#2aba6c
```
#2aba6c rgb(42,186,108)
```
#21c36b
```
#21c36b rgb(33,195,107)
```
#18cc6b
```
#18cc6b rgb(24,204,107)
```
#10d46a
```
#10d46a rgb(16,212,106)
```
#07dd69
```
#07dd69 rgb(7,221,105)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#749081 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a76b Protanopia 1% of men
#c5a17d Deuteranopia 1% of men
#5cb4c1 Tritanopia 0.001% of the population

Trichromacy

#83ae6b Protanomaly 1% of men, 0.01% of women
#8caa77 Deuteranomaly 6% of men, 0.4% of women
#4ab6a2 Tritanomaly 0.01% of the population

#2aba6c hex color

#2aba6c Color Information

#2aba6c Color Conversion

Color Schemes with #2aba6c

Alternatives to #2aba6c

#2aba6c Preview

Shades and Tints of #2aba6c

Tones of #2aba6c

Color Blindness Simulator