#2ab2ba hex color

In a RGB color space, hex #2ab2ba is composed of 16.5% red, 69.8% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 4.3% magenta, 0% yellow and 27.1% black. It has a hue angle of 183.3 degrees, a saturation of 63.2% and a lightness of 44.7%. #2ab2ba color hex could be obtained by blending #54ffff with #006575. Closest websafe color is: #3399cc.

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

● #2ab2ba color description : Strong cyan.

The hexadecimal color #2ab2ba has RGB values of R:42, G:178, B:186 and CMYK values of C:0.77, M:0.04, Y:0, K:0.27. Its decimal value is 2798266.

Hex triplet	2ab2ba	`#2ab2ba`
RGB Decimal	42, 178, 186	`rgb(42,178,186)`
RGB Percent	16.5, 69.8, 72.9	`rgb(16.5%,69.8%,72.9%)`
CMYK	77, 4, 0, 27
HSL	183.3°, 63.2, 44.7	`hsl(183.3,63.2%,44.7%)`
HSV (or HSB)	183.3°, 77.4, 72.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.425, -31.809, -14.239
XYZ	25.736, 35.876, 52.02
xyY	0.226, 0.316, 35.876
CIE-LCH	66.425, 34.851, 204.115
CIE-LUV	66.425, -47.365, -17.138
Hunter-Lab	59.896, -28.123, -9.566
Binary	00101010, 10110010, 10111010

#2ab2ba
```
#2ab2ba rgb(42,178,186)
```
#ba322a
```
#ba322a rgb(186,50,42)
```

Complementary Color

#2aba7a
```
#2aba7a rgb(42,186,122)
```
#2ab2ba
```
#2ab2ba rgb(42,178,186)
```
#2a6aba
```
#2a6aba rgb(42,106,186)
```

Analogous Color

#ba7a2a
```
#ba7a2a rgb(186,122,42)
```
#2ab2ba
```
#2ab2ba rgb(42,178,186)
```
#ba2a6a
```
#ba2a6a rgb(186,42,106)
```

Split Complementary Color

#b2ba2a
```
#b2ba2a rgb(178,186,42)
```
#2ab2ba
```
#2ab2ba rgb(42,178,186)
```
#ba2ab2
```
#ba2ab2 rgb(186,42,178)
```

Triadic Color

#2aba32
```
#2aba32 rgb(42,186,50)
```
#2ab2ba
```
#2ab2ba rgb(42,178,186)
```
#ba2ab2
```
#ba2ab2 rgb(186,42,178)
```
#ba322a
```
#ba322a rgb(186,50,42)
```

Tetradic Color

#1c767c
```
#1c767c rgb(28,118,124)
```
#218a90
```
#218a90 rgb(33,138,144)
```
#259ea5
```
#259ea5 rgb(37,158,165)
```
#2ab2ba
```
#2ab2ba rgb(42,178,186)
```
#2fc6cf
```
#2fc6cf rgb(47,198,207)
```
#43ccd4
```
#43ccd4 rgb(67,204,212)
```
#57d2d9
```
#57d2d9 rgb(87,210,217)
```

Monochromatic Color

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

#2aba9e
```
#2aba9e rgb(42,186,158)
```
#2abaaa
```
#2abaaa rgb(42,186,170)
```
#2abab6
```
#2abab6 rgb(42,186,182)
```
#2ab2ba
```
#2ab2ba rgb(42,178,186)
```
#2aa6ba
```
#2aa6ba rgb(42,166,186)
```
#2a9aba
```
#2a9aba rgb(42,154,186)
```
#2a8eba
```
#2a8eba rgb(42,142,186)
```

Similar Colors

Text with hexadecimal color #2ab2ba

This text has a font color of #2ab2ba.

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

#2ab2ba background color

This paragraph has a background color of #2ab2ba.

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

#2ab2ba border color

This element has a border color of #2ab2ba.

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

CSS codes

.text {color:#2ab2ba;}

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

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

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, #020a0a is the darkest color, while #f9fdfe is the lightest one.

#020a0a
```
#020a0a rgb(2,10,10)
```
#06191a
```
#06191a rgb(6,25,26)
```
#09282a
```
#09282a rgb(9,40,42)
```
#0d373a
```
#0d373a rgb(13,55,58)
```
#11474a
```
#11474a rgb(17,71,74)
```
#14565a
```
#14565a rgb(20,86,90)
```
#18656a
```
#18656a rgb(24,101,106)
```
#1c757a
```
#1c757a rgb(28,117,122)
```
#1f848a
```
#1f848a rgb(31,132,138)
```
#23939a
```
#23939a rgb(35,147,154)
```
#26a3aa
```
#26a3aa rgb(38,163,170)
```
#2ab2ba
```
#2ab2ba rgb(42,178,186)
```
#2ec1ca
```
#2ec1ca rgb(46,193,202)
```

Shade Color Variation

#39cad2
```
#39cad2 rgb(57,202,210)
```
#49ced6
```
#49ced6 rgb(73,206,214)
```
#59d2da
```
#59d2da rgb(89,210,218)
```
#69d7dd
```
#69d7dd rgb(105,215,221)
```
#79dbe1
```
#79dbe1 rgb(121,219,225)
```
#89dfe4
```
#89dfe4 rgb(137,223,228)
```
#99e4e8
```
#99e4e8 rgb(153,228,232)
```
#a9e8ec
```
#a9e8ec rgb(169,232,236)
```
#b9ecef
```
#b9ecef rgb(185,236,239)
```
#c9f0f3
```
#c9f0f3 rgb(201,240,243)
```
#d9f5f6
```
#d9f5f6 rgb(217,245,246)
```
#e9f9fa
```
#e9f9fa rgb(233,249,250)
```
#f9fdfe
```
#f9fdfe rgb(249,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #707474 is the less saturated color, while #07d1dd is the most saturated one.

#707474
```
#707474 rgb(112,116,116)
```
#677b7d
```
#677b7d rgb(103,123,125)
```
#5f8385
```
#5f8385 rgb(95,131,133)
```
#568b8e
```
#568b8e rgb(86,139,142)
```
#4d9397
```
#4d9397 rgb(77,147,151)
```
#449ba0
```
#449ba0 rgb(68,155,160)
```
#3ca2a8
```
#3ca2a8 rgb(60,162,168)
```
#33aab1
```
#33aab1 rgb(51,170,177)
```
#2ab2ba
```
#2ab2ba rgb(42,178,186)
```
#21bac3
```
#21bac3 rgb(33,186,195)
```
#18c2cc
```
#18c2cc rgb(24,194,204)
```
#10c9d4
```
#10c9d4 rgb(16,201,212)
```
#07d1dd
```
#07d1dd rgb(7,209,221)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#779294 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a5b3 Protanopia 1% of men
#a5a2c4 Deuteranopia 1% of men
#39b5c2 Tritanopia 0.001% of the population

Trichromacy

#78a9b6 Protanomaly 1% of men, 0.01% of women
#78a8c0 Deuteranomaly 6% of men, 0.4% of women
#34b4bf Tritanomaly 0.01% of the population

#2ab2ba hex color

#2ab2ba Color Information

#2ab2ba Color Conversion

Color Schemes with #2ab2ba

Alternatives to #2ab2ba

#2ab2ba Preview

Shades and Tints of #2ab2ba

Tones of #2ab2ba

Color Blindness Simulator