#2ab296 hex color

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

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

● #2ab296 color description : Dark cyan.

The hexadecimal color #2ab296 has RGB values of R:42, G:178, B:150 and CMYK values of C:0.76, M:0, Y:0.16, K:0.3. Its decimal value is 2798230.

Hex triplet	2ab296	`#2ab296`
RGB Decimal	42, 178, 150	`rgb(42,178,150)`
RGB Percent	16.5, 69.8, 58.8	`rgb(16.5%,69.8%,58.8%)`
CMYK	76, 0, 16, 30
HSL	167.6°, 61.8, 43.1	`hsl(167.6,61.8%,43.1%)`
HSV (or HSB)	167.6°, 76.4, 69.8
Web Safe	339999	`#339999`

CIE-LAB	65.383, -42.046, 4.181
XYZ	22.378, 34.533, 34.339
xyY	0.245, 0.378, 34.533
CIE-LCH	65.383, 42.253, 174.321
CIE-LUV	65.383, -49.904, 12.517
Hunter-Lab	58.765, -34.863, 6.49
Binary	00101010, 10110010, 10010110

#2ab296
```
#2ab296 rgb(42,178,150)
```
#b22a46
```
#b22a46 rgb(178,42,70)
```

Complementary Color

#2ab252
```
#2ab252 rgb(42,178,82)
```
#2ab296
```
#2ab296 rgb(42,178,150)
```
#2a8ab2
```
#2a8ab2 rgb(42,138,178)
```

Analogous Color

#b2522a
```
#b2522a rgb(178,82,42)
```
#2ab296
```
#2ab296 rgb(42,178,150)
```
#b22a8a
```
#b22a8a rgb(178,42,138)
```

Split Complementary Color

#b2962a
```
#b2962a rgb(178,150,42)
```
#2ab296
```
#2ab296 rgb(42,178,150)
```
#962ab2
```
#962ab2 rgb(150,42,178)
```

Triadic Color

#46b22a
```
#46b22a rgb(70,178,42)
```
#2ab296
```
#2ab296 rgb(42,178,150)
```
#962ab2
```
#962ab2 rgb(150,42,178)
```
#b22a46
```
#b22a46 rgb(178,42,70)
```

Tetradic Color

#1b7462
```
#1b7462 rgb(27,116,98)
```
#208973
```
#208973 rgb(32,137,115)
```
#259d85
```
#259d85 rgb(37,157,133)
```
#2ab296
```
#2ab296 rgb(42,178,150)
```
#2fc7a7
```
#2fc7a7 rgb(47,199,167)
```
#3ed1b3
```
#3ed1b3 rgb(62,209,179)
```
#52d6bb
```
#52d6bb rgb(82,214,187)
```

Monochromatic Color

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

#2ab274
```
#2ab274 rgb(42,178,116)
```
#2ab27f
```
#2ab27f rgb(42,178,127)
```
#2ab28b
```
#2ab28b rgb(42,178,139)
```
#2ab296
```
#2ab296 rgb(42,178,150)
```
#2ab2a1
```
#2ab2a1 rgb(42,178,161)
```
#2ab2ad
```
#2ab2ad rgb(42,178,173)
```
#2aacb2
```
#2aacb2 rgb(42,172,178)
```

Similar Colors

Text with hexadecimal color #2ab296

This text has a font color of #2ab296.

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

#2ab296 background color

This paragraph has a background color of #2ab296.

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

#2ab296 border color

This element has a border color of #2ab296.

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

CSS codes

.text {color:#2ab296;}

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

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

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)
```
#104338
```
#104338 rgb(16,67,56)
```
#145346
```
#145346 rgb(20,83,70)
```
#176353
```
#176353 rgb(23,99,83)
```
#1b7361
```
#1b7361 rgb(27,115,97)
```
#1f826e
```
#1f826e rgb(31,130,110)
```
#23927b
```
#23927b rgb(35,146,123)
```
#26a289
```
#26a289 rgb(38,162,137)
```
#2ab296
```
#2ab296 rgb(42,178,150)
```
#2ec2a3
```
#2ec2a3 rgb(46,194,163)
```

Shade Color Variation

#34cfaf
```
#34cfaf rgb(52,207,175)
```
#44d3b5
```
#44d3b5 rgb(68,211,181)
```
#54d7bc
```
#54d7bc rgb(84,215,188)
```
#64dac2
```
#64dac2 rgb(100,218,194)
```
#74dec8
```
#74dec8 rgb(116,222,200)
```
#83e2ce
```
#83e2ce rgb(131,226,206)
```
#93e6d5
```
#93e6d5 rgb(147,230,213)
```
#a3e9db
```
#a3e9db rgb(163,233,219)
```
#b3ede1
```
#b3ede1 rgb(179,237,225)
```
#c3f1e7
```
#c3f1e7 rgb(195,241,231)
```
#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 #08d4aa 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)
```
#4c9082
```
#4c9082 rgb(76,144,130)
```
#439987
```
#439987 rgb(67,153,135)
```
#3ba18c
```
#3ba18c rgb(59,161,140)
```
#32aa91
```
#32aa91 rgb(50,170,145)
```
#2ab296
```
#2ab296 rgb(42,178,150)
```
#22ba9b
```
#22ba9b rgb(34,186,155)
```
#19c3a0
```
#19c3a0 rgb(25,195,160)
```
#11cba5
```
#11cba5 rgb(17,203,165)
```
#08d4aa
```
#08d4aa rgb(8,212,170)
```

Tone Color Variation

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

#aaa392 Protanopia 1% of men
#b29ea3 Deuteranopia 1% of men
#4cb1bd Tritanopia 0.001% of the population

Trichromacy

#7ba893 Protanomaly 1% of men, 0.01% of women
#81a59e Deuteranomaly 6% of men, 0.4% of women
#40b1af Tritanomaly 0.01% of the population

#2ab296 hex color

#2ab296 Color Information

#2ab296 Color Conversion

Color Schemes with #2ab296

Alternatives to #2ab296

#2ab296 Preview

Shades and Tints of #2ab296

Tones of #2ab296

Color Blindness Simulator