#2aba9d hex color

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

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

● #2aba9d color description : Strong cyan.

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

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

CIE-LAB	68.052, -43.661, 4.176
XYZ	24.597, 38.042, 37.943
xyY	0.245, 0.378, 38.042
CIE-LCH	68.052, 43.86, 174.537
CIE-LUV	68.052, -52.265, 12.853
Hunter-Lab	61.678, -36.751, 6.701
Binary	00101010, 10111010, 10011101

#2aba9d
```
#2aba9d rgb(42,186,157)
```
#ba2a47
```
#ba2a47 rgb(186,42,71)
```

Complementary Color

#2aba55
```
#2aba55 rgb(42,186,85)
```
#2aba9d
```
#2aba9d rgb(42,186,157)
```
#2a8fba
```
#2a8fba rgb(42,143,186)
```

Analogous Color

#ba552a
```
#ba552a rgb(186,85,42)
```
#2aba9d
```
#2aba9d rgb(42,186,157)
```
#ba2a8f
```
#ba2a8f rgb(186,42,143)
```

Split Complementary Color

#ba9d2a
```
#ba9d2a rgb(186,157,42)
```
#2aba9d
```
#2aba9d rgb(42,186,157)
```
#9d2aba
```
#9d2aba rgb(157,42,186)
```

Triadic Color

#47ba2a
```
#47ba2a rgb(71,186,42)
```
#2aba9d
```
#2aba9d rgb(42,186,157)
```
#9d2aba
```
#9d2aba rgb(157,42,186)
```
#ba2a47
```
#ba2a47 rgb(186,42,71)
```

Tetradic Color

#1c7c68
```
#1c7c68 rgb(28,124,104)
```
#21907a
```
#21907a rgb(33,144,122)
```
#25a58b
```
#25a58b rgb(37,165,139)
```
#2aba9d
```
#2aba9d rgb(42,186,157)
```
#2fcfaf
```
#2fcfaf rgb(47,207,175)
```
#43d4b7
```
#43d4b7 rgb(67,212,183)
```
#57d9bf
```
#57d9bf rgb(87,217,191)
```

Monochromatic Color

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

#2aba79
```
#2aba79 rgb(42,186,121)
```
#2aba85
```
#2aba85 rgb(42,186,133)
```
#2aba91
```
#2aba91 rgb(42,186,145)
```
#2aba9d
```
#2aba9d rgb(42,186,157)
```
#2abaa9
```
#2abaa9 rgb(42,186,169)
```
#2abab5
```
#2abab5 rgb(42,186,181)
```
#2ab3ba
```
#2ab3ba rgb(42,179,186)
```

Similar Colors

Text with hexadecimal color #2aba9d

This text has a font color of #2aba9d.

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

#2aba9d background color

This paragraph has a background color of #2aba9d.

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

#2aba9d border color

This element has a border color of #2aba9d.

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

CSS codes

.text {color:#2aba9d;}

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

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

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)
```
#145a4c
```
#145a4c rgb(20,90,76)
```
#186a59
```
#186a59 rgb(24,106,89)
```
#1c7a67
```
#1c7a67 rgb(28,122,103)
```
#1f8a74
```
#1f8a74 rgb(31,138,116)
```
#239a82
```
#239a82 rgb(35,154,130)
```
#26aa8f
```
#26aa8f rgb(38,170,143)
```
#2aba9d
```
#2aba9d rgb(42,186,157)
```
#2ecaab
```
#2ecaab rgb(46,202,171)
```

Shade Color Variation

#39d2b3
```
#39d2b3 rgb(57,210,179)
```
#49d6ba
```
#49d6ba rgb(73,214,186)
```
#59dac0
```
#59dac0 rgb(89,218,192)
```
#69ddc6
```
#69ddc6 rgb(105,221,198)
```
#79e1cc
```
#79e1cc rgb(121,225,204)
```
#89e4d2
```
#89e4d2 rgb(137,228,210)
```
#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)
```
#e9faf7
```
#e9faf7 rgb(233,250,247)
```
#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 #07ddb2 is the most saturated one.

#707473
```
#707473 rgb(112,116,115)
```
#677d78
```
#677d78 rgb(103,125,120)
```
#5f857e
```
#5f857e rgb(95,133,126)
```
#568e83
```
#568e83 rgb(86,142,131)
```
#4d9788
```
#4d9788 rgb(77,151,136)
```
#44a08d
```
#44a08d rgb(68,160,141)
```
#3ca893
```
#3ca893 rgb(60,168,147)
```
#33b198
```
#33b198 rgb(51,177,152)
```
#2aba9d
```
#2aba9d rgb(42,186,157)
```
#21c3a2
```
#21c3a2 rgb(33,195,162)
```
#18cca7
```
#18cca7 rgb(24,204,167)
```
#10d4ad
```
#10d4ad rgb(16,212,173)
```
#07ddb2
```
#07ddb2 rgb(7,221,178)
```

Tone Color Variation

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

#b1a998 Protanopia 1% of men
#b9a5aa Deuteranopia 1% of men
#4eb8c5 Tritanopia 0.001% of the population

Trichromacy

#80af9a Protanomaly 1% of men, 0.01% of women
#85aca5 Deuteranomaly 6% of men, 0.4% of women
#41b8b7 Tritanomaly 0.01% of the population

#2aba9d hex color

#2aba9d Color Information

#2aba9d Color Conversion

Color Schemes with #2aba9d

Alternatives to #2aba9d

#2aba9d Preview

Shades and Tints of #2aba9d

Tones of #2aba9d

Color Blindness Simulator