#2ab457 hex color

In a RGB color space, hex #2ab457 is composed of 16.5% red, 70.6% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 0% magenta, 51.7% yellow and 29.4% black. It has a hue angle of 139.6 degrees, a saturation of 62.2% and a lightness of 43.5%. #2ab457 color hex could be obtained by blending #54ffae with #006900. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 16
- G 71
- B 34
RGB color chart
- C 77
- M 0
- Y 52
- K 29
CMYK color chart

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

The hexadecimal color #2ab457 has RGB values of R:42, G:180, B:87 and CMYK values of C:0.77, M:0, Y:0.52, K:0.29. Its decimal value is 2798679.

Hex triplet	2ab457	`#2ab457`
RGB Decimal	42, 180, 87	`rgb(42,180,87)`
RGB Percent	16.5, 70.6, 34.1	`rgb(16.5%,70.6%,34.1%)`
CMYK	77, 0, 52, 29
HSL	139.6°, 62.2, 43.5	`hsl(139.6,62.2%,43.5%)`
HSV (or HSB)	139.6°, 76.7, 70.6
Web Safe	33cc66	`#33cc66`

CIE-LAB	64.82, -56.034, 37.111
XYZ	18.995, 33.821, 14.543
xyY	0.282, 0.502, 33.821
CIE-LCH	64.82, 67.209, 146.484
CIE-LUV	64.82, -54.374, 55.393
Hunter-Lab	58.156, -43.47, 25.882
Binary	00101010, 10110100, 01010111

#2ab457
```
#2ab457 rgb(42,180,87)
```
#b42a87
```
#b42a87 rgb(180,42,135)
```

Complementary Color

#42b42a
```
#42b42a rgb(66,180,42)
```
#2ab457
```
#2ab457 rgb(42,180,87)
```
#2ab49c
```
#2ab49c rgb(42,180,156)
```

Analogous Color

#b42a42
```
#b42a42 rgb(180,42,66)
```
#2ab457
```
#2ab457 rgb(42,180,87)
```
#9c2ab4
```
#9c2ab4 rgb(156,42,180)
```

Split Complementary Color

#b4572a
```
#b4572a rgb(180,87,42)
```
#2ab457
```
#2ab457 rgb(42,180,87)
```
#572ab4
```
#572ab4 rgb(87,42,180)
```

Triadic Color

#87b42a
```
#87b42a rgb(135,180,42)
```
#2ab457
```
#2ab457 rgb(42,180,87)
```
#572ab4
```
#572ab4 rgb(87,42,180)
```
#b42a87
```
#b42a87 rgb(180,42,135)
```

Tetradic Color

#1c7639
```
#1c7639 rgb(28,118,57)
```
#208b43
```
#208b43 rgb(32,139,67)
```
#259f4d
```
#259f4d rgb(37,159,77)
```
#2ab457
```
#2ab457 rgb(42,180,87)
```
#2fc961
```
#2fc961 rgb(47,201,97)
```
#3fd26f
```
#3fd26f rgb(63,210,111)
```
#54d77e
```
#54d77e rgb(84,215,126)
```

Monochromatic Color

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

#2ab435
```
#2ab435 rgb(42,180,53)
```
#2ab440
```
#2ab440 rgb(42,180,64)
```
#2ab44c
```
#2ab44c rgb(42,180,76)
```
#2ab457
```
#2ab457 rgb(42,180,87)
```
#2ab463
```
#2ab463 rgb(42,180,99)
```
#2ab46e
```
#2ab46e rgb(42,180,110)
```
#2ab47a
```
#2ab47a rgb(42,180,122)
```

Similar Colors

Text with hexadecimal color #2ab457

This text has a font color of #2ab457.

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

#2ab457 background color

This paragraph has a background color of #2ab457.

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

#2ab457 border color

This element has a border color of #2ab457.

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

CSS codes

.text {color:#2ab457;}

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

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

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

#010502
```
#010502 rgb(1,5,2)
```
#05150a
```
#05150a rgb(5,21,10)
```
#092512
```
#092512 rgb(9,37,18)
```
#0c351a
```
#0c351a rgb(12,53,26)
```
#104521
```
#104521 rgb(16,69,33)
```
#145529
```
#145529 rgb(20,85,41)
```
#176431
```
#176431 rgb(23,100,49)
```
#1b7438
```
#1b7438 rgb(27,116,56)
```
#1f8440
```
#1f8440 rgb(31,132,64)
```
#239448
```
#239448 rgb(35,148,72)
```
#26a44f
```
#26a44f rgb(38,164,79)
```
#2ab457
```
#2ab457 rgb(42,180,87)
```
#2ec45f
```
#2ec45f rgb(46,196,95)
```

Shade Color Variation

#35d068
```
#35d068 rgb(53,208,104)
```
#45d474
```
#45d474 rgb(69,212,116)
```
#55d780
```
#55d780 rgb(85,215,128)
```
#65db8c
```
#65db8c rgb(101,219,140)
```
#75df97
```
#75df97 rgb(117,223,151)
```
#85e2a3
```
#85e2a3 rgb(133,226,163)
```
#95e6af
```
#95e6af rgb(149,230,175)
```
#a5eabb
```
#a5eabb rgb(165,234,187)
```
#b5eec7
```
#b5eec7 rgb(181,238,199)
```
#c4f1d3
```
#c4f1d3 rgb(196,241,211)
```
#d4f5df
```
#d4f5df rgb(212,245,223)
```
#e4f9eb
```
#e4f9eb rgb(228,249,235)
```
#f4fcf7
```
#f4fcf7 rgb(244,252,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e706f is the less saturated color, while #08d64b is the most saturated one.

#6e706f
```
#6e706f rgb(110,112,111)
```
#66786c
```
#66786c rgb(102,120,108)
```
#5d8169
```
#5d8169 rgb(93,129,105)
```
#558966
```
#558966 rgb(85,137,102)
```
#4c9263
```
#4c9263 rgb(76,146,99)
```
#449a60
```
#449a60 rgb(68,154,96)
```
#3ba35d
```
#3ba35d rgb(59,163,93)
```
#33ab5a
```
#33ab5a rgb(51,171,90)
```
#2ab457
```
#2ab457 rgb(42,180,87)
```
#21bd54
```
#21bd54 rgb(33,189,84)
```
#19c551
```
#19c551 rgb(25,197,81)
```
#10ce4e
```
#10ce4e rgb(16,206,78)
```
#08d64b
```
#08d64b rgb(8,214,75)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#6f8a78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a258 Protanopia 1% of men
#c29b69 Deuteranopia 1% of men
#5dadba Tritanopia 0.001% of the population

Trichromacy

#80a858 Protanomaly 1% of men, 0.01% of women
#8ba463 Deuteranomaly 6% of men, 0.4% of women
#4ab096 Tritanomaly 0.01% of the population

#2ab457 hex color

#2ab457 Color Information

#2ab457 Color Conversion

Color Schemes with #2ab457

Alternatives to #2ab457

#2ab457 Preview

Shades and Tints of #2ab457

Tones of #2ab457

Color Blindness Simulator