#2ab397 hex color

In a RGB color space, hex #2ab397 is composed of 16.5% red, 70.2% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 0% magenta, 15.6% yellow and 29.8% black. It has a hue angle of 167.7 degrees, a saturation of 62% and a lightness of 43.3%. #2ab397 color hex could be obtained by blending #54ffff with #00672f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 16
- G 70
- B 59
RGB color chart
- C 77
- M 0
- Y 16
- K 30
CMYK color chart

● #2ab397 color description : Strong cyan.

The hexadecimal color #2ab397 has RGB values of R:42, G:179, B:151 and CMYK values of C:0.77, M:0, Y:0.16, K:0.3. Its decimal value is 2798487.

Hex triplet	2ab397	`#2ab397`
RGB Decimal	42, 179, 151	`rgb(42,179,151)`
RGB Percent	16.5, 70.2, 59.2	`rgb(16.5%,70.2%,59.2%)`
CMYK	77, 0, 16, 30
HSL	167.7°, 62, 43.3	`hsl(167.7,62%,43.3%)`
HSV (or HSB)	167.7°, 76.5, 70.2
Web Safe	33cc99	`#33cc99`

CIE-LAB	65.721, -42.216, 4.115
XYZ	22.659, 34.965, 34.831
xyY	0.245, 0.378, 34.965
CIE-LCH	65.721, 42.417, 174.432
CIE-LUV	65.721, -50.192, 12.461
Hunter-Lab	59.131, -35.078, 6.467
Binary	00101010, 10110011, 10010111

#2ab397
```
#2ab397 rgb(42,179,151)
```
#b32a46
```
#b32a46 rgb(179,42,70)
```

Complementary Color

#2ab353
```
#2ab353 rgb(42,179,83)
```
#2ab397
```
#2ab397 rgb(42,179,151)
```
#2a8bb3
```
#2a8bb3 rgb(42,139,179)
```

Analogous Color

#b3532a
```
#b3532a rgb(179,83,42)
```
#2ab397
```
#2ab397 rgb(42,179,151)
```
#b32a8b
```
#b32a8b rgb(179,42,139)
```

Split Complementary Color

#b3972a
```
#b3972a rgb(179,151,42)
```
#2ab397
```
#2ab397 rgb(42,179,151)
```
#972ab3
```
#972ab3 rgb(151,42,179)
```

Triadic Color

#46b32a
```
#46b32a rgb(70,179,42)
```
#2ab397
```
#2ab397 rgb(42,179,151)
```
#972ab3
```
#972ab3 rgb(151,42,179)
```
#b32a46
```
#b32a46 rgb(179,42,70)
```

Tetradic Color

#1b7563
```
#1b7563 rgb(27,117,99)
```
#208a74
```
#208a74 rgb(32,138,116)
```
#259e86
```
#259e86 rgb(37,158,134)
```
#2ab397
```
#2ab397 rgb(42,179,151)
```
#2fc8a8
```
#2fc8a8 rgb(47,200,168)
```
#3ed2b4
```
#3ed2b4 rgb(62,210,180)
```
#53d7bc
```
#53d7bc rgb(83,215,188)
```

Monochromatic Color

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

#2ab375
```
#2ab375 rgb(42,179,117)
```
#2ab380
```
#2ab380 rgb(42,179,128)
```
#2ab38c
```
#2ab38c rgb(42,179,140)
```
#2ab397
```
#2ab397 rgb(42,179,151)
```
#2ab3a2
```
#2ab3a2 rgb(42,179,162)
```
#2ab3ae
```
#2ab3ae rgb(42,179,174)
```
#2aadb3
```
#2aadb3 rgb(42,173,179)
```

Similar Colors

Text with hexadecimal color #2ab397

This text has a font color of #2ab397.

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

#2ab397 background color

This paragraph has a background color of #2ab397.

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

#2ab397 border color

This element has a border color of #2ab397.

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

CSS codes

.text {color:#2ab397;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#051411
```
#051411 rgb(5,20,17)
```
#08241e
```
#08241e rgb(8,36,30)
```
#0c342c
```
#0c342c rgb(12,52,44)
```
#104439
```
#104439 rgb(16,68,57)
```
#145447
```
#145447 rgb(20,84,71)
```
#176454
```
#176454 rgb(23,100,84)
```
#1b7361
```
#1b7361 rgb(27,115,97)
```
#1f836f
```
#1f836f rgb(31,131,111)
```
#23937c
```
#23937c rgb(35,147,124)
```
#26a38a
```
#26a38a rgb(38,163,138)
```
#2ab397
```
#2ab397 rgb(42,179,151)
```
#2ec3a4
```
#2ec3a4 rgb(46,195,164)
```

Shade Color Variation

#35d0b0
```
#35d0b0 rgb(53,208,176)
```
#45d3b6
```
#45d3b6 rgb(69,211,182)
```
#54d7bc
```
#54d7bc rgb(84,215,188)
```
#64dbc3
```
#64dbc3 rgb(100,219,195)
```
#74dec9
```
#74dec9 rgb(116,222,201)
```
#84e2cf
```
#84e2cf rgb(132,226,207)
```
#94e6d5
```
#94e6d5 rgb(148,230,213)
```
#a4eadb
```
#a4eadb rgb(164,234,219)
```
#b4ede2
```
#b4ede2 rgb(180,237,226)
```
#c4f1e8
```
#c4f1e8 rgb(196,241,232)
```
#d4f5ee
```
#d4f5ee rgb(212,245,238)
```
#e3f9f4
```
#e3f9f4 rgb(227,249,244)
```
#f3fcfa
```
#f3fcfa rgb(243,252,250)
```

Tint Color Variation

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

#6e6f6f
```
#6e6f6f rgb(110,111,111)
```
#667874
```
#667874 rgb(102,120,116)
```
#5d8079
```
#5d8079 rgb(93,128,121)
```
#55897e
```
#55897e rgb(85,137,126)
```
#4c9183
```
#4c9183 rgb(76,145,131)
```
#449a88
```
#449a88 rgb(68,154,136)
```
#3ba28d
```
#3ba28d rgb(59,162,141)
```
#33ab92
```
#33ab92 rgb(51,171,146)
```
#2ab397
```
#2ab397 rgb(42,179,151)
```
#22bc9c
```
#22bc9c rgb(34,188,156)
```
#19c4a1
```
#19c4a1 rgb(25,196,161)
```
#11cda6
```
#11cda6 rgb(17,205,166)
```
#08d5ab
```
#08d5ab rgb(8,213,171)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#74908a Atypical Achromatopsia 0.001% of the population

Dichromacy

#aba493 Protanopia 1% of men
#b39fa4 Deuteranopia 1% of men
#4db1be Tritanopia 0.001% of the population

Trichromacy

#7ca994 Protanomaly 1% of men, 0.01% of women
#81a69f Deuteranomaly 6% of men, 0.4% of women
#40b2b0 Tritanomaly 0.01% of the population

#2ab397 hex color

#2ab397 Color Information

#2ab397 Color Conversion

Color Schemes with #2ab397

Alternatives to #2ab397

#2ab397 Preview

Shades and Tints of #2ab397

Tones of #2ab397

Color Blindness Simulator