#2aba9c hex color

In a RGB color space, hex #2aba9c is composed of 16.5% red, 72.9% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 0% magenta, 16.1% yellow and 27.1% black. It has a hue angle of 167.5 degrees, a saturation of 63.2% and a lightness of 44.7%. #2aba9c color hex could be obtained by blending #54ffff with #007539. Closest websafe color is: #33cc99.

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

● #2aba9c color description : Strong cyan.

The hexadecimal color #2aba9c has RGB values of R:42, G:186, B:156 and CMYK values of C:0.77, M:0, Y:0.16, K:0.27. Its decimal value is 2800284.

Hex triplet	2aba9c	`#2aba9c`
RGB Decimal	42, 186, 156	`rgb(42,186,156)`
RGB Percent	16.5, 72.9, 61.2	`rgb(16.5%,72.9%,61.2%)`
CMYK	77, 0, 16, 27
HSL	167.5°, 63.2, 44.7	`hsl(167.5,63.2%,44.7%)`
HSV (or HSB)	167.5°, 77.4, 72.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.026, -43.921, 4.688
XYZ	24.512, 38.008, 37.495
xyY	0.245, 0.38, 38.008
CIE-LCH	68.026, 44.17, 173.907
CIE-LUV	68.026, -52.335, 13.636
Hunter-Lab	61.651, -36.917, 7.096
Binary	00101010, 10111010, 10011100

#2aba9c
```
#2aba9c rgb(42,186,156)
```
#ba2a48
```
#ba2a48 rgb(186,42,72)
```

Complementary Color

#2aba54
```
#2aba54 rgb(42,186,84)
```
#2aba9c
```
#2aba9c rgb(42,186,156)
```
#2a90ba
```
#2a90ba rgb(42,144,186)
```

Analogous Color

#ba542a
```
#ba542a rgb(186,84,42)
```
#2aba9c
```
#2aba9c rgb(42,186,156)
```
#ba2a90
```
#ba2a90 rgb(186,42,144)
```

Split Complementary Color

#ba9c2a
```
#ba9c2a rgb(186,156,42)
```
#2aba9c
```
#2aba9c rgb(42,186,156)
```
#9c2aba
```
#9c2aba rgb(156,42,186)
```

Triadic Color

#48ba2a
```
#48ba2a rgb(72,186,42)
```
#2aba9c
```
#2aba9c rgb(42,186,156)
```
#9c2aba
```
#9c2aba rgb(156,42,186)
```
#ba2a48
```
#ba2a48 rgb(186,42,72)
```

Tetradic Color

#1c7c68
```
#1c7c68 rgb(28,124,104)
```
#219079
```
#219079 rgb(33,144,121)
```
#25a58b
```
#25a58b rgb(37,165,139)
```
#2aba9c
```
#2aba9c rgb(42,186,156)
```
#2fcfad
```
#2fcfad rgb(47,207,173)
```
#43d4b6
```
#43d4b6 rgb(67,212,182)
```
#57d9be
```
#57d9be rgb(87,217,190)
```

Monochromatic Color

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

#2aba78
```
#2aba78 rgb(42,186,120)
```
#2aba84
```
#2aba84 rgb(42,186,132)
```
#2aba90
```
#2aba90 rgb(42,186,144)
```
#2aba9c
```
#2aba9c rgb(42,186,156)
```
#2abaa8
```
#2abaa8 rgb(42,186,168)
```
#2abab4
```
#2abab4 rgb(42,186,180)
```
#2ab4ba
```
#2ab4ba rgb(42,180,186)
```

Similar Colors

Text with hexadecimal color #2aba9c

This text has a font color of #2aba9c.

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

#2aba9c background color

This paragraph has a background color of #2aba9c.

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

#2aba9c border color

This element has a border color of #2aba9c.

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

CSS codes

.text {color:#2aba9c;}

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

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

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

#020a08
```
#020a08 rgb(2,10,8)
```
#061a16
```
#061a16 rgb(6,26,22)
```
#092a23
```
#092a23 rgb(9,42,35)
```
#0d3a31
```
#0d3a31 rgb(13,58,49)
```
#114a3e
```
#114a3e rgb(17,74,62)
```
#145a4b
```
#145a4b rgb(20,90,75)
```
#186a59
```
#186a59 rgb(24,106,89)
```
#1c7a66
```
#1c7a66 rgb(28,122,102)
```
#1f8a74
```
#1f8a74 rgb(31,138,116)
```
#239a81
```
#239a81 rgb(35,154,129)
```
#26aa8f
```
#26aa8f rgb(38,170,143)
```
#2aba9c
```
#2aba9c rgb(42,186,156)
```
#2ecaa9
```
#2ecaa9 rgb(46,202,169)
```

Shade Color Variation

#39d2b2
```
#39d2b2 rgb(57,210,178)
```
#49d6b9
```
#49d6b9 rgb(73,214,185)
```
#59dabf
```
#59dabf rgb(89,218,191)
```
#69ddc5
```
#69ddc5 rgb(105,221,197)
```
#79e1cb
```
#79e1cb rgb(121,225,203)
```
#89e4d1
```
#89e4d1 rgb(137,228,209)
```
#99e8d8
```
#99e8d8 rgb(153,232,216)
```
#a9ecde
```
#a9ecde rgb(169,236,222)
```
#b9efe4
```
#b9efe4 rgb(185,239,228)
```
#c9f3ea
```
#c9f3ea rgb(201,243,234)
```
#d9f6f0
```
#d9f6f0 rgb(217,246,240)
```
#e9faf6
```
#e9faf6 rgb(233,250,246)
```
#f9fefd
```
#f9fefd rgb(249,254,253)
```

Tint Color Variation

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

#707473
```
#707473 rgb(112,116,115)
```
#677d78
```
#677d78 rgb(103,125,120)
```
#5f857d
```
#5f857d rgb(95,133,125)
```
#568e82
```
#568e82 rgb(86,142,130)
```
#4d9788
```
#4d9788 rgb(77,151,136)
```
#44a08d
```
#44a08d rgb(68,160,141)
```
#3ca892
```
#3ca892 rgb(60,168,146)
```
#33b197
```
#33b197 rgb(51,177,151)
```
#2aba9c
```
#2aba9c rgb(42,186,156)
```
#21c3a1
```
#21c3a1 rgb(33,195,161)
```
#18cca6
```
#18cca6 rgb(24,204,166)
```
#10d4ab
```
#10d4ab rgb(16,212,171)
```
#07ddb0
```
#07ddb0 rgb(7,221,176)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#78958f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1a997 Protanopia 1% of men
#baa5a9 Deuteranopia 1% of men
#4fb8c5 Tritanopia 0.001% of the population

Trichromacy

#80af99 Protanomaly 1% of men, 0.01% of women
#85aca4 Deuteranomaly 6% of men, 0.4% of women
#41b8b6 Tritanomaly 0.01% of the population

#2aba9c hex color

#2aba9c Color Information

#2aba9c Color Conversion

Color Schemes with #2aba9c

Alternatives to #2aba9c

#2aba9c Preview

Shades and Tints of #2aba9c

Tones of #2aba9c

Color Blindness Simulator