colorhexa.com

#2abba3 hex color

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

- R 16
- G 73
- B 64
RGB color chart
- C 78
- M 0
- Y 13
- K 27
CMYK color chart

● #2abba3 color description : Strong cyan.

The hexadecimal color #2abba3 has RGB values of R:42, G:187, B:163 and CMYK values of C:0.78, M:0, Y:0.13, K:0.27. Its decimal value is 2800547.

Hex triplet	2abba3	`#2abba3`
RGB Decimal	42, 187, 163	`rgb(42,187,163)`
RGB Percent	16.5, 73.3, 63.9	`rgb(16.5%,73.3%,63.9%)`
CMYK	78, 0, 13, 27
HSL	170.1°, 63.3, 44.9	`hsl(170.1,63.3%,44.9%)`
HSV (or HSB)	170.1°, 77.5, 73.3
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.515, -42.51, 1.553
XYZ	25.334, 38.675, 40.778
xyY	0.242, 0.369, 38.675
CIE-LCH	68.515, 42.539, 177.908
CIE-LUV	68.515, -52.198, 8.839
Hunter-Lab	62.189, -36.116, 4.655
Binary	00101010, 10111011, 10100011

#2abba3
```
#2abba3 rgb(42,187,163)
```
#bb2a42
```
#bb2a42 rgb(187,42,66)
```

Complementary Color

#2abb5a
```
#2abb5a rgb(42,187,90)
```
#2abba3
```
#2abba3 rgb(42,187,163)
```
#2a8bbb
```
#2a8bbb rgb(42,139,187)
```

Analogous Color

#bb5b2a
```
#bb5b2a rgb(187,91,42)
```
#2abba3
```
#2abba3 rgb(42,187,163)
```
#bb2a8b
```
#bb2a8b rgb(187,42,139)
```

Split Complementary Color

#bba32a
```
#bba32a rgb(187,163,42)
```
#2abba3
```
#2abba3 rgb(42,187,163)
```
#a32abb
```
#a32abb rgb(163,42,187)
```

Triadic Color

#42bb2a
```
#42bb2a rgb(66,187,42)
```
#2abba3
```
#2abba3 rgb(42,187,163)
```
#a32abb
```
#a32abb rgb(163,42,187)
```
#bb2a42
```
#bb2a42 rgb(187,42,66)
```

Tetradic Color

#1c7d6d
```
#1c7d6d rgb(28,125,109)
```
#21917f
```
#21917f rgb(33,145,127)
```
#25a691
```
#25a691 rgb(37,166,145)
```
#2abba3
```
#2abba3 rgb(42,187,163)
```
#2fd0b5
```
#2fd0b5 rgb(47,208,181)
```
#43d5bd
```
#43d5bd rgb(67,213,189)
```
#58d9c4
```
#58d9c4 rgb(88,217,196)
```

Monochromatic Color

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

#2abb7f
```
#2abb7f rgb(42,187,127)
```
#2abb8b
```
#2abb8b rgb(42,187,139)
```
#2abb97
```
#2abb97 rgb(42,187,151)
```
#2abba3
```
#2abba3 rgb(42,187,163)
```
#2abbaf
```
#2abbaf rgb(42,187,175)
```
#2abbbb
```
#2abbbb rgb(42,187,187)
```
#2aafbb
```
#2aafbb rgb(42,175,187)
```

Similar Colors

Text with hexadecimal color #2abba3

This text has a font color of #2abba3.

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

#2abba3 background color

This paragraph has a background color of #2abba3.

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

#2abba3 border color

This element has a border color of #2abba3.

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

CSS codes

.text {color:#2abba3;}

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

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

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)
```
#114b41
```
#114b41 rgb(17,75,65)
```
#145b4f
```
#145b4f rgb(20,91,79)
```
#186b5d
```
#186b5d rgb(24,107,93)
```
#1c7b6b
```
#1c7b6b rgb(28,123,107)
```
#1f8b79
```
#1f8b79 rgb(31,139,121)
```
#239b87
```
#239b87 rgb(35,155,135)
```
#26ab95
```
#26ab95 rgb(38,171,149)
```
#2abba3
```
#2abba3 rgb(42,187,163)
```
#2ecbb1
```
#2ecbb1 rgb(46,203,177)
```

Shade Color Variation

#3ad3b9
```
#3ad3b9 rgb(58,211,185)
```
#4ad6bf
```
#4ad6bf rgb(74,214,191)
```
#5adac5
```
#5adac5 rgb(90,218,197)
```
#6addca
```
#6addca rgb(106,221,202)
```
#7ae1d0
```
#7ae1d0 rgb(122,225,208)
```
#8ae5d6
```
#8ae5d6 rgb(138,229,214)
```
#9ae8db
```
#9ae8db rgb(154,232,219)
```
#aaece1
```
#aaece1 rgb(170,236,225)
```
#baefe7
```
#baefe7 rgb(186,239,231)
```
#caf3ec
```
#caf3ec rgb(202,243,236)
```
#daf7f2
```
#daf7f2 rgb(218,247,242)
```
#eafaf8
```
#eafaf8 rgb(234,250,248)
```
#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 #07debb is the most saturated one.

#707574
```
#707574 rgb(112,117,116)
```
#687d7a
```
#687d7a rgb(104,125,122)
```
#5f8680
```
#5f8680 rgb(95,134,128)
```
#568f86
```
#568f86 rgb(86,143,134)
```
#4d988b
```
#4d988b rgb(77,152,139)
```
#44a191
```
#44a191 rgb(68,161,145)
```
#3ca997
```
#3ca997 rgb(60,169,151)
```
#33b29d
```
#33b29d rgb(51,178,157)
```
#2abba3
```
#2abba3 rgb(42,187,163)
```
#21c4a9
```
#21c4a9 rgb(33,196,169)
```
#18cdaf
```
#18cdaf rgb(24,205,175)
```
#10d5b5
```
#10d5b5 rgb(16,213,181)
```
#07debb
```
#07debb rgb(7,222,187)
```

Tone Color Variation

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

#b1ab9d Protanopia 1% of men
#b9a6b0 Deuteranopia 1% of men
#4cb9c7 Tritanopia 0.001% of the population

Trichromacy

#80b09f Protanomaly 1% of men, 0.01% of women
#85aeab Deuteranomaly 6% of men, 0.4% of women
#40baba Tritanomaly 0.01% of the population