#2ab297 hex color

In a RGB color space, hex #2ab297 is composed of 16.5% red, 69.8% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 0% magenta, 15.2% yellow and 30.2% black. It has a hue angle of 168.1 degrees, a saturation of 61.8% and a lightness of 43.1%. #2ab297 color hex could be obtained by blending #54ffff with #00652f. Closest websafe color is: #339999.

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

● #2ab297 color description : Dark cyan.

The hexadecimal color #2ab297 has RGB values of R:42, G:178, B:151 and CMYK values of C:0.76, M:0, Y:0.15, K:0.3. Its decimal value is 2798231.

Hex triplet	2ab297	`#2ab297`
RGB Decimal	42, 178, 151	`rgb(42,178,151)`
RGB Percent	16.5, 69.8, 59.2	`rgb(16.5%,69.8%,59.2%)`
CMYK	76, 0, 15, 30
HSL	168.1°, 61.8, 43.1	`hsl(168.1,61.8%,43.1%)`
HSV (or HSB)	168.1°, 76.4, 69.8
Web Safe	339999	`#339999`

CIE-LAB	65.409, -41.784, 3.664
XYZ	22.459, 34.565, 34.765
xyY	0.245, 0.377, 34.565
CIE-LCH	65.409, 41.944, 174.989
CIE-LUV	65.409, -49.835, 11.731
Hunter-Lab	58.792, -34.698, 6.096
Binary	00101010, 10110010, 10010111

#2ab297
```
#2ab297 rgb(42,178,151)
```
#b22a45
```
#b22a45 rgb(178,42,69)
```

Complementary Color

#2ab253
```
#2ab253 rgb(42,178,83)
```
#2ab297
```
#2ab297 rgb(42,178,151)
```
#2a89b2
```
#2a89b2 rgb(42,137,178)
```

Analogous Color

#b2532a
```
#b2532a rgb(178,83,42)
```
#2ab297
```
#2ab297 rgb(42,178,151)
```
#b22a89
```
#b22a89 rgb(178,42,137)
```

Split Complementary Color

#b2972a
```
#b2972a rgb(178,151,42)
```
#2ab297
```
#2ab297 rgb(42,178,151)
```
#972ab2
```
#972ab2 rgb(151,42,178)
```

Triadic Color

#45b22a
```
#45b22a rgb(69,178,42)
```
#2ab297
```
#2ab297 rgb(42,178,151)
```
#972ab2
```
#972ab2 rgb(151,42,178)
```
#b22a45
```
#b22a45 rgb(178,42,69)
```

Tetradic Color

#1b7462
```
#1b7462 rgb(27,116,98)
```
#208974
```
#208974 rgb(32,137,116)
```
#259d85
```
#259d85 rgb(37,157,133)
```
#2ab297
```
#2ab297 rgb(42,178,151)
```
#2fc7a9
```
#2fc7a9 rgb(47,199,169)
```
#3ed1b4
```
#3ed1b4 rgb(62,209,180)
```
#52d6bc
```
#52d6bc rgb(82,214,188)
```

Monochromatic Color

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

#2ab275
```
#2ab275 rgb(42,178,117)
```
#2ab280
```
#2ab280 rgb(42,178,128)
```
#2ab28c
```
#2ab28c rgb(42,178,140)
```
#2ab297
```
#2ab297 rgb(42,178,151)
```
#2ab2a2
```
#2ab2a2 rgb(42,178,162)
```
#2ab2ae
```
#2ab2ae rgb(42,178,174)
```
#2aabb2
```
#2aabb2 rgb(42,171,178)
```

Similar Colors

Text with hexadecimal color #2ab297

This text has a font color of #2ab297.

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

#2ab297 background color

This paragraph has a background color of #2ab297.

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

#2ab297 border color

This element has a border color of #2ab297.

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

CSS codes

.text {color:#2ab297;}

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

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

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

#010303
```
#010303 rgb(1,3,3)
```
#051310
```
#051310 rgb(5,19,16)
```
#08231e
```
#08231e rgb(8,35,30)
```
#0c332b
```
#0c332b rgb(12,51,43)
```
#104339
```
#104339 rgb(16,67,57)
```
#145346
```
#145346 rgb(20,83,70)
```
#176354
```
#176354 rgb(23,99,84)
```
#1b7361
```
#1b7361 rgb(27,115,97)
```
#1f826f
```
#1f826f rgb(31,130,111)
```
#23927c
```
#23927c rgb(35,146,124)
```
#26a28a
```
#26a28a rgb(38,162,138)
```
#2ab297
```
#2ab297 rgb(42,178,151)
```
#2ec2a4
```
#2ec2a4 rgb(46,194,164)
```

Shade Color Variation

#34cfb0
```
#34cfb0 rgb(52,207,176)
```
#44d3b7
```
#44d3b7 rgb(68,211,183)
```
#54d7bd
```
#54d7bd rgb(84,215,189)
```
#64dac3
```
#64dac3 rgb(100,218,195)
```
#74dec9
```
#74dec9 rgb(116,222,201)
```
#83e2cf
```
#83e2cf rgb(131,226,207)
```
#93e6d5
```
#93e6d5 rgb(147,230,213)
```
#a3e9db
```
#a3e9db rgb(163,233,219)
```
#b3ede2
```
#b3ede2 rgb(179,237,226)
```
#c3f1e8
```
#c3f1e8 rgb(195,241,232)
```
#d3f5ee
```
#d3f5ee rgb(211,245,238)
```
#e3f8f4
```
#e3f8f4 rgb(227,248,244)
```
#f3fcfa
```
#f3fcfa rgb(243,252,250)
```

Tint Color Variation

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

#6e6e6e
```
#6e6e6e rgb(110,110,110)
```
#657773
```
#657773 rgb(101,119,115)
```
#5d7f78
```
#5d7f78 rgb(93,127,120)
```
#54887d
```
#54887d rgb(84,136,125)
```
#4c9083
```
#4c9083 rgb(76,144,131)
```
#439988
```
#439988 rgb(67,153,136)
```
#3ba18d
```
#3ba18d rgb(59,161,141)
```
#32aa92
```
#32aa92 rgb(50,170,146)
```
#2ab297
```
#2ab297 rgb(42,178,151)
```
#22ba9c
```
#22ba9c rgb(34,186,156)
```
#19c3a1
```
#19c3a1 rgb(25,195,161)
```
#11cba6
```
#11cba6 rgb(17,203,166)
```
#08d4ab
```
#08d4ab rgb(8,212,171)
```

Tone Color Variation

Below, you can see how #2ab297 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
#748f89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaa393 Protanopia 1% of men
#b29ea4 Deuteranopia 1% of men
#4cb1be Tritanopia 0.001% of the population

Trichromacy

#7ba894 Protanomaly 1% of men, 0.01% of women
#80a59f Deuteranomaly 6% of men, 0.4% of women
#3fb1af Tritanomaly 0.01% of the population

#2ab297 hex color

#2ab297 Color Information

#2ab297 Color Conversion

Color Schemes with #2ab297

Alternatives to #2ab297

#2ab297 Preview

Shades and Tints of #2ab297

Tones of #2ab297

Color Blindness Simulator