#2ab673 hex color

In a RGB color space, hex #2ab673 is composed of 16.5% red, 71.4% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 0% magenta, 36.8% yellow and 28.6% black. It has a hue angle of 151.3 degrees, a saturation of 62.5% and a lightness of 43.9%. #2ab673 color hex could be obtained by blending #54ffe6 with #006d00. Closest websafe color is: #33cc66.

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

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

The hexadecimal color #2ab673 has RGB values of R:42, G:182, B:115 and CMYK values of C:0.77, M:0, Y:0.37, K:0.29. Its decimal value is 2799219.

Hex triplet	2ab673	`#2ab673`
RGB Decimal	42, 182, 115	`rgb(42,182,115)`
RGB Percent	16.5, 71.4, 45.1	`rgb(16.5%,71.4%,45.1%)`
CMYK	77, 0, 37, 29
HSL	151.3°, 62.5, 43.9	`hsl(151.3,62.5%,43.9%)`
HSV (or HSB)	151.3°, 76.9, 71.4
Web Safe	33cc66	`#33cc66`

CIE-LAB	65.892, -51.789, 23.985
XYZ	20.776, 35.184, 21.915
xyY	0.267, 0.452, 35.184
CIE-LCH	65.892, 57.074, 155.15
CIE-LUV	65.892, -53.583, 40.392
Hunter-Lab	59.316, -41.282, 19.616
Binary	00101010, 10110110, 01110011

#2ab673
```
#2ab673 rgb(42,182,115)
```
#b62a6d
```
#b62a6d rgb(182,42,109)
```

Complementary Color

#2ab62d
```
#2ab62d rgb(42,182,45)
```
#2ab673
```
#2ab673 rgb(42,182,115)
```
#2ab3b6
```
#2ab3b6 rgb(42,179,182)
```

Analogous Color

#b62d2a
```
#b62d2a rgb(182,45,42)
```
#2ab673
```
#2ab673 rgb(42,182,115)
```
#b62ab3
```
#b62ab3 rgb(182,42,179)
```

Split Complementary Color

#b6732a
```
#b6732a rgb(182,115,42)
```
#2ab673
```
#2ab673 rgb(42,182,115)
```
#732ab6
```
#732ab6 rgb(115,42,182)
```

Triadic Color

#6db62a
```
#6db62a rgb(109,182,42)
```
#2ab673
```
#2ab673 rgb(42,182,115)
```
#732ab6
```
#732ab6 rgb(115,42,182)
```
#b62a6d
```
#b62a6d rgb(182,42,109)
```

Tetradic Color

#1c784c
```
#1c784c rgb(28,120,76)
```
#208d59
```
#208d59 rgb(32,141,89)
```
#25a166
```
#25a166 rgb(37,161,102)
```
#2ab673
```
#2ab673 rgb(42,182,115)
```
#2fcb80
```
#2fcb80 rgb(47,203,128)
```
#40d38d
```
#40d38d rgb(64,211,141)
```
#55d899
```
#55d899 rgb(85,216,153)
```

Monochromatic Color

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

#2ab650
```
#2ab650 rgb(42,182,80)
```
#2ab65c
```
#2ab65c rgb(42,182,92)
```
#2ab667
```
#2ab667 rgb(42,182,103)
```
#2ab673
```
#2ab673 rgb(42,182,115)
```
#2ab67f
```
#2ab67f rgb(42,182,127)
```
#2ab68a
```
#2ab68a rgb(42,182,138)
```
#2ab696
```
#2ab696 rgb(42,182,150)
```

Similar Colors

Text with hexadecimal color #2ab673

This text has a font color of #2ab673.

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

#2ab673 background color

This paragraph has a background color of #2ab673.

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

#2ab673 border color

This element has a border color of #2ab673.

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

CSS codes

.text {color:#2ab673;}

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

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

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

#020704
```
#020704 rgb(2,7,4)
```
#05170e
```
#05170e rgb(5,23,14)
```
#092718
```
#092718 rgb(9,39,24)
```
#0d3722
```
#0d3722 rgb(13,55,34)
```
#10462d
```
#10462d rgb(16,70,45)
```
#145637
```
#145637 rgb(20,86,55)
```
#186641
```
#186641 rgb(24,102,65)
```
#1b764b
```
#1b764b rgb(27,118,75)
```
#1f8655
```
#1f8655 rgb(31,134,85)
```
#23965f
```
#23965f rgb(35,150,95)
```
#26a669
```
#26a669 rgb(38,166,105)
```
#2ab673
```
#2ab673 rgb(42,182,115)
```
#2ec67d
```
#2ec67d rgb(46,198,125)
```

Shade Color Variation

#37d187
```
#37d187 rgb(55,209,135)
```
#46d490
```
#46d490 rgb(70,212,144)
```
#56d89a
```
#56d89a rgb(86,216,154)
```
#66dca4
```
#66dca4 rgb(102,220,164)
```
#76dfad
```
#76dfad rgb(118,223,173)
```
#86e3b7
```
#86e3b7 rgb(134,227,183)
```
#96e7c0
```
#96e7c0 rgb(150,231,192)
```
#a6eaca
```
#a6eaca rgb(166,234,202)
```
#b6eed3
```
#b6eed3 rgb(182,238,211)
```
#c6f2dd
```
#c6f2dd rgb(198,242,221)
```
#d6f6e6
```
#d6f6e6 rgb(214,246,230)
```
#e6f9f0
```
#e6f9f0 rgb(230,249,240)
```
#f6fdf9
```
#f6fdf9 rgb(246,253,249)
```

Tint Color Variation

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

#6f7170
```
#6f7170 rgb(111,113,112)
```
#667a70
```
#667a70 rgb(102,122,112)
```
#5e8271
```
#5e8271 rgb(94,130,113)
```
#558b71
```
#558b71 rgb(85,139,113)
```
#4c9472
```
#4c9472 rgb(76,148,114)
```
#449c72
```
#449c72 rgb(68,156,114)
```
#3ba572
```
#3ba572 rgb(59,165,114)
```
#33ad73
```
#33ad73 rgb(51,173,115)
```
#2ab673
```
#2ab673 rgb(42,182,115)
```
#21bf73
```
#21bf73 rgb(33,191,115)
```
#19c774
```
#19c774 rgb(25,199,116)
```
#10d074
```
#10d074 rgb(16,208,116)
```
#08d874
```
#08d874 rgb(8,216,116)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#738f81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a471 Protanopia 1% of men
#bf9e83 Deuteranopia 1% of men
#59b1be Tritanopia 0.001% of the population

Trichromacy

#80ab72 Protanomaly 1% of men, 0.01% of women
#89a77d Deuteranomaly 6% of men, 0.4% of women
#47b3a2 Tritanomaly 0.01% of the population

#2ab673 hex color

#2ab673 Color Information

#2ab673 Color Conversion

Color Schemes with #2ab673

Alternatives to #2ab673

#2ab673 Preview

Shades and Tints of #2ab673

Tones of #2ab673

Color Blindness Simulator