#2abba1 hex color

In a RGB color space, hex #2abba1 is composed of 16.5% red, 73.3% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 0% magenta, 13.9% yellow and 26.7% black. It has a hue angle of 169.2 degrees, a saturation of 63.3% and a lightness of 44.9%. #2abba1 color hex could be obtained by blending #54ffff with #007743. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 16
- G 73
- B 63
RGB color chart
- C 78
- M 0
- Y 14
- K 27
CMYK color chart

● #2abba1 color description : Strong cyan.

The hexadecimal color #2abba1 has RGB values of R:42, G:187, B:161 and CMYK values of C:0.78, M:0, Y:0.14, K:0.27. Its decimal value is 2800545.

Hex triplet	2abba1	`#2abba1`
RGB Decimal	42, 187, 161	`rgb(42,187,161)`
RGB Percent	16.5, 73.3, 63.1	`rgb(16.5%,73.3%,63.1%)`
CMYK	78, 0, 14, 27
HSL	169.2°, 63.3, 44.9	`hsl(169.2,63.3%,44.9%)`
HSV (or HSB)	169.2°, 77.5, 73.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.463, -43.042, 2.576
XYZ	25.156, 38.604, 39.842
xyY	0.243, 0.373, 38.604
CIE-LCH	68.463, 43.119, 176.575
CIE-LUV	68.463, -52.339, 10.43
Hunter-Lab	62.132, -36.46, 5.473
Binary	00101010, 10111011, 10100001

#2abba1
```
#2abba1 rgb(42,187,161)
```
#bb2a44
```
#bb2a44 rgb(187,42,68)
```

Complementary Color

#2abb59
```
#2abb59 rgb(42,187,89)
```
#2abba1
```
#2abba1 rgb(42,187,161)
```
#2a8dbb
```
#2a8dbb rgb(42,141,187)
```

Analogous Color

#bb592a
```
#bb592a rgb(187,89,42)
```
#2abba1
```
#2abba1 rgb(42,187,161)
```
#bb2a8d
```
#bb2a8d rgb(187,42,141)
```

Split Complementary Color

#bba12a
```
#bba12a rgb(187,161,42)
```
#2abba1
```
#2abba1 rgb(42,187,161)
```
#a12abb
```
#a12abb rgb(161,42,187)
```

Triadic Color

#44bb2a
```
#44bb2a rgb(68,187,42)
```
#2abba1
```
#2abba1 rgb(42,187,161)
```
#a12abb
```
#a12abb rgb(161,42,187)
```
#bb2a44
```
#bb2a44 rgb(187,42,68)
```

Tetradic Color

#1c7d6b
```
#1c7d6b rgb(28,125,107)
```
#21917d
```
#21917d rgb(33,145,125)
```
#25a68f
```
#25a68f rgb(37,166,143)
```
#2abba1
```
#2abba1 rgb(42,187,161)
```
#2fd0b3
```
#2fd0b3 rgb(47,208,179)
```
#43d5bb
```
#43d5bb rgb(67,213,187)
```
#58d9c2
```
#58d9c2 rgb(88,217,194)
```

Monochromatic Color

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

#2abb7d
```
#2abb7d rgb(42,187,125)
```
#2abb89
```
#2abb89 rgb(42,187,137)
```
#2abb95
```
#2abb95 rgb(42,187,149)
```
#2abba1
```
#2abba1 rgb(42,187,161)
```
#2abbad
```
#2abbad rgb(42,187,173)
```
#2abbb9
```
#2abbb9 rgb(42,187,185)
```
#2ab1bb
```
#2ab1bb rgb(42,177,187)
```

Similar Colors

Text with hexadecimal color #2abba1

This text has a font color of #2abba1.

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

#2abba1 background color

This paragraph has a background color of #2abba1.

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

#2abba1 border color

This element has a border color of #2abba1.

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

CSS codes

.text {color:#2abba1;}

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

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

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

#020b09
```
#020b09 rgb(2,11,9)
```
#061b17
```
#061b17 rgb(6,27,23)
```
#0a2b25
```
#0a2b25 rgb(10,43,37)
```
#0d3b33
```
#0d3b33 rgb(13,59,51)
```
#114b40
```
#114b40 rgb(17,75,64)
```
#145b4e
```
#145b4e rgb(20,91,78)
```
#186b5c
```
#186b5c rgb(24,107,92)
```
#1c7b6a
```
#1c7b6a rgb(28,123,106)
```
#1f8b78
```
#1f8b78 rgb(31,139,120)
```
#239b85
```
#239b85 rgb(35,155,133)
```
#26ab93
```
#26ab93 rgb(38,171,147)
```
#2abba1
```
#2abba1 rgb(42,187,161)
```
#2ecbaf
```
#2ecbaf rgb(46,203,175)
```

Shade Color Variation

#3ad3b7
```
#3ad3b7 rgb(58,211,183)
```
#4ad6bd
```
#4ad6bd rgb(74,214,189)
```
#5adac3
```
#5adac3 rgb(90,218,195)
```
#6addc9
```
#6addc9 rgb(106,221,201)
```
#7ae1cf
```
#7ae1cf rgb(122,225,207)
```
#8ae5d4
```
#8ae5d4 rgb(138,229,212)
```
#9ae8da
```
#9ae8da rgb(154,232,218)
```
#aaece0
```
#aaece0 rgb(170,236,224)
```
#baefe6
```
#baefe6 rgb(186,239,230)
```
#caf3ec
```
#caf3ec rgb(202,243,236)
```
#daf7f1
```
#daf7f1 rgb(218,247,241)
```
#eafaf7
```
#eafaf7 rgb(234,250,247)
```
#fafefd
```
#fafefd rgb(250,254,253)
```

Tint Color Variation

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

#707574
```
#707574 rgb(112,117,116)
```
#687d79
```
#687d79 rgb(104,125,121)
```
#5f867f
```
#5f867f rgb(95,134,127)
```
#568f85
```
#568f85 rgb(86,143,133)
```
#4d988a
```
#4d988a rgb(77,152,138)
```
#44a190
```
#44a190 rgb(68,161,144)
```
#3ca996
```
#3ca996 rgb(60,169,150)
```
#33b29b
```
#33b29b rgb(51,178,155)
```
#2abba1
```
#2abba1 rgb(42,187,161)
```
#21c4a7
```
#21c4a7 rgb(33,196,167)
```
#18cdac
```
#18cdac rgb(24,205,172)
```
#10d5b2
```
#10d5b2 rgb(16,213,178)
```
#07deb8
```
#07deb8 rgb(7,222,184)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#799691 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2aa9c Protanopia 1% of men
#b9a6ae Deuteranopia 1% of men
#4db9c7 Tritanopia 0.001% of the population

Trichromacy

#80b09d Protanomaly 1% of men, 0.01% of women
#85aea9 Deuteranomaly 6% of men, 0.4% of women
#40bab9 Tritanomaly 0.01% of the population

#2abba1 hex color

#2abba1 Color Information

#2abba1 Color Conversion

Color Schemes with #2abba1

Alternatives to #2abba1

#2abba1 Preview

Shades and Tints of #2abba1

Tones of #2abba1

Color Blindness Simulator