#2abca5 hex color

In a RGB color space, hex #2abca5 is composed of 16.5% red, 73.7% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 0% magenta, 12.2% yellow and 26.3% black. It has a hue angle of 170.5 degrees, a saturation of 63.5% and a lightness of 45.1%. #2abca5 color hex could be obtained by blending #54ffff with #00794b. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 16
- G 74
- B 65
RGB color chart
- C 78
- M 0
- Y 12
- K 26
CMYK color chart

● #2abca5 color description : Strong cyan.

The hexadecimal color #2abca5 has RGB values of R:42, G:188, B:165 and CMYK values of C:0.78, M:0, Y:0.12, K:0.26. Its decimal value is 2800805.

Hex triplet	2abca5	`#2abca5`
RGB Decimal	42, 188, 165	`rgb(42,188,165)`
RGB Percent	16.5, 73.7, 64.7	`rgb(16.5%,73.7%,64.7%)`
CMYK	78, 0, 12, 26
HSL	170.5°, 63.5, 45.1	`hsl(170.5,63.5%,45.1%)`
HSV (or HSB)	170.5°, 77.7, 73.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.876, -42.41, 0.981
XYZ	25.727, 39.173, 41.8
xyY	0.241, 0.367, 39.173
CIE-LCH	68.876, 42.421, 178.675
CIE-LUV	68.876, -52.41, 7.982
Hunter-Lab	62.588, -36.156, 4.214
Binary	00101010, 10111100, 10100101

#2abca5
```
#2abca5 rgb(42,188,165)
```
#bc2a41
```
#bc2a41 rgb(188,42,65)
```

Complementary Color

#2abc5c
```
#2abc5c rgb(42,188,92)
```
#2abca5
```
#2abca5 rgb(42,188,165)
```
#2a8abc
```
#2a8abc rgb(42,138,188)
```

Analogous Color

#bc5c2a
```
#bc5c2a rgb(188,92,42)
```
#2abca5
```
#2abca5 rgb(42,188,165)
```
#bc2a8a
```
#bc2a8a rgb(188,42,138)
```

Split Complementary Color

#bca52a
```
#bca52a rgb(188,165,42)
```
#2abca5
```
#2abca5 rgb(42,188,165)
```
#a52abc
```
#a52abc rgb(165,42,188)
```

Triadic Color

#41bc2a
```
#41bc2a rgb(65,188,42)
```
#2abca5
```
#2abca5 rgb(42,188,165)
```
#a52abc
```
#a52abc rgb(165,42,188)
```
#bc2a41
```
#bc2a41 rgb(188,42,65)
```

Tetradic Color

#1c7d6e
```
#1c7d6e rgb(28,125,110)
```
#219280
```
#219280 rgb(33,146,128)
```
#25a793
```
#25a793 rgb(37,167,147)
```
#2abca5
```
#2abca5 rgb(42,188,165)
```
#2fd1b7
```
#2fd1b7 rgb(47,209,183)
```
#44d5be
```
#44d5be rgb(68,213,190)
```
#59dac5
```
#59dac5 rgb(89,218,197)
```

Monochromatic Color

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

#2abc81
```
#2abc81 rgb(42,188,129)
```
#2abc8d
```
#2abc8d rgb(42,188,141)
```
#2abc99
```
#2abc99 rgb(42,188,153)
```
#2abca5
```
#2abca5 rgb(42,188,165)
```
#2abcb1
```
#2abcb1 rgb(42,188,177)
```
#2abbbc
```
#2abbbc rgb(42,187,188)
```
#2aafbc
```
#2aafbc rgb(42,175,188)
```

Similar Colors

Text with hexadecimal color #2abca5

This text has a font color of #2abca5.

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

#2abca5 background color

This paragraph has a background color of #2abca5.

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

#2abca5 border color

This element has a border color of #2abca5.

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

CSS codes

.text {color:#2abca5;}

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

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

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, #030c0a is the darkest color, while #fbfefd is the lightest one.

#030c0a
```
#030c0a rgb(3,12,10)
```
#061c18
```
#061c18 rgb(6,28,24)
```
#0a2c26
```
#0a2c26 rgb(10,44,38)
```
#0d3c34
```
#0d3c34 rgb(13,60,52)
```
#114c42
```
#114c42 rgb(17,76,66)
```
#155c51
```
#155c51 rgb(21,92,81)
```
#186c5f
```
#186c5f rgb(24,108,95)
```
#1c7c6d
```
#1c7c6d rgb(28,124,109)
```
#1f8c7b
```
#1f8c7b rgb(31,140,123)
```
#239c89
```
#239c89 rgb(35,156,137)
```
#26ac97
```
#26ac97 rgb(38,172,151)
```
#2abca5
```
#2abca5 rgb(42,188,165)
```
#2eccb3
```
#2eccb3 rgb(46,204,179)
```

Shade Color Variation

#3ad3bb
```
#3ad3bb rgb(58,211,187)
```
#4ad7c1
```
#4ad7c1 rgb(74,215,193)
```
#5adac6
```
#5adac6 rgb(90,218,198)
```
#6adecc
```
#6adecc rgb(106,222,204)
```
#7ae1d1
```
#7ae1d1 rgb(122,225,209)
```
#8ae5d7
```
#8ae5d7 rgb(138,229,215)
```
#9ae9dc
```
#9ae9dc rgb(154,233,220)
```
#aaece2
```
#aaece2 rgb(170,236,226)
```
#baf0e7
```
#baf0e7 rgb(186,240,231)
```
#caf3ed
```
#caf3ed rgb(202,243,237)
```
#dbf7f2
```
#dbf7f2 rgb(219,247,242)
```
#ebfaf8
```
#ebfaf8 rgb(235,250,248)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#717575
```
#717575 rgb(113,117,117)
```
#687e7b
```
#687e7b rgb(104,126,123)
```
#5f8781
```
#5f8781 rgb(95,135,129)
```
#569087
```
#569087 rgb(86,144,135)
```
#4d998d
```
#4d998d rgb(77,153,141)
```
#45a193
```
#45a193 rgb(69,161,147)
```
#3caa99
```
#3caa99 rgb(60,170,153)
```
#33b39f
```
#33b39f rgb(51,179,159)
```
#2abca5
```
#2abca5 rgb(42,188,165)
```
#21c5ab
```
#21c5ab rgb(33,197,171)
```
#18ceb1
```
#18ceb1 rgb(24,206,177)
```
#0fd7b7
```
#0fd7b7 rgb(15,215,183)
```
#07dfbd
```
#07dfbd rgb(7,223,189)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7a9793 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2ab9f Protanopia 1% of men
#b9a7b2 Deuteranopia 1% of men
#4cbac8 Tritanopia 0.001% of the population

Trichromacy

#80b1a1 Protanomaly 1% of men, 0.01% of women
#85afad Deuteranomaly 6% of men, 0.4% of women
#40bbbb Tritanomaly 0.01% of the population

#2abca5 hex color

#2abca5 Color Information

#2abca5 Color Conversion

Color Schemes with #2abca5

Alternatives to #2abca5

#2abca5 Preview

Shades and Tints of #2abca5

Tones of #2abca5

Color Blindness Simulator