#2abcb9 hex color

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

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

● #2abcb9 color description : Strong cyan.

The hexadecimal color #2abcb9 has RGB values of R:42, G:188, B:185 and CMYK values of C:0.78, M:0, Y:0.02, K:0.26. Its decimal value is 2800825.

Hex triplet	2abcb9	`#2abcb9`
RGB Decimal	42, 188, 185	`rgb(42,188,185)`
RGB Percent	16.5, 73.7, 72.5	`rgb(16.5%,73.7%,72.5%)`
CMYK	78, 0, 2, 26
HSL	178.8°, 63.5, 45.1	`hsl(178.8,63.5%,45.1%)`
HSV (or HSB)	178.8°, 77.7, 73.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	69.44, -36.807, -9.17
XYZ	27.692, 39.959, 52.15
xyY	0.231, 0.334, 39.959
CIE-LCH	69.44, 37.932, 193.99
CIE-LUV	69.44, -50.974, -8.437
Hunter-Lab	63.213, -32.426, -4.664
Binary	00101010, 10111100, 10111001

#2abcb9
```
#2abcb9 rgb(42,188,185)
```
#bc2a2d
```
#bc2a2d rgb(188,42,45)
```

Complementary Color

#2abc70
```
#2abc70 rgb(42,188,112)
```
#2abcb9
```
#2abcb9 rgb(42,188,185)
```
#2a76bc
```
#2a76bc rgb(42,118,188)
```

Analogous Color

#bc702a
```
#bc702a rgb(188,112,42)
```
#2abcb9
```
#2abcb9 rgb(42,188,185)
```
#bc2a76
```
#bc2a76 rgb(188,42,118)
```

Split Complementary Color

#bcb92a
```
#bcb92a rgb(188,185,42)
```
#2abcb9
```
#2abcb9 rgb(42,188,185)
```
#b92abc
```
#b92abc rgb(185,42,188)
```

Triadic Color

#2dbc2a
```
#2dbc2a rgb(45,188,42)
```
#2abcb9
```
#2abcb9 rgb(42,188,185)
```
#b92abc
```
#b92abc rgb(185,42,188)
```
#bc2a2d
```
#bc2a2d rgb(188,42,45)
```

Tetradic Color

#1c7d7b
```
#1c7d7b rgb(28,125,123)
```
#219290
```
#219290 rgb(33,146,144)
```
#25a7a4
```
#25a7a4 rgb(37,167,164)
```
#2abcb9
```
#2abcb9 rgb(42,188,185)
```
#2fd1cd
```
#2fd1cd rgb(47,209,205)
```
#44d5d2
```
#44d5d2 rgb(68,213,210)
```
#59dad7
```
#59dad7 rgb(89,218,215)
```

Monochromatic Color

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

#2abc95
```
#2abc95 rgb(42,188,149)
```
#2abca1
```
#2abca1 rgb(42,188,161)
```
#2abcad
```
#2abcad rgb(42,188,173)
```
#2abcb9
```
#2abcb9 rgb(42,188,185)
```
#2ab3bc
```
#2ab3bc rgb(42,179,188)
```
#2aa7bc
```
#2aa7bc rgb(42,167,188)
```
#2a9bbc
```
#2a9bbc rgb(42,155,188)
```

Similar Colors

Text with hexadecimal color #2abcb9

This text has a font color of #2abcb9.

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

#2abcb9 background color

This paragraph has a background color of #2abcb9.

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

#2abcb9 border color

This element has a border color of #2abcb9.

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

CSS codes

.text {color:#2abcb9;}

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

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

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

#030c0b
```
#030c0b rgb(3,12,11)
```
#061c1b
```
#061c1b rgb(6,28,27)
```
#0a2c2b
```
#0a2c2b rgb(10,44,43)
```
#0d3c3b
```
#0d3c3b rgb(13,60,59)
```
#114c4b
```
#114c4b rgb(17,76,75)
```
#155c5a
```
#155c5a rgb(21,92,90)
```
#186c6a
```
#186c6a rgb(24,108,106)
```
#1c7c7a
```
#1c7c7a rgb(28,124,122)
```
#1f8c8a
```
#1f8c8a rgb(31,140,138)
```
#239c99
```
#239c99 rgb(35,156,153)
```
#26aca9
```
#26aca9 rgb(38,172,169)
```
#2abcb9
```
#2abcb9 rgb(42,188,185)
```
#2eccc9
```
#2eccc9 rgb(46,204,201)
```

Shade Color Variation

#3ad3d0
```
#3ad3d0 rgb(58,211,208)
```
#4ad7d4
```
#4ad7d4 rgb(74,215,212)
```
#5adad8
```
#5adad8 rgb(90,218,216)
```
#6adedb
```
#6adedb rgb(106,222,219)
```
#7ae1df
```
#7ae1df rgb(122,225,223)
```
#8ae5e3
```
#8ae5e3 rgb(138,229,227)
```
#9ae9e7
```
#9ae9e7 rgb(154,233,231)
```
#aaeceb
```
#aaeceb rgb(170,236,235)
```
#baf0ef
```
#baf0ef rgb(186,240,239)
```
#caf3f2
```
#caf3f2 rgb(202,243,242)
```
#dbf7f6
```
#dbf7f6 rgb(219,247,246)
```
#ebfafa
```
#ebfafa rgb(235,250,250)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#717575
```
#717575 rgb(113,117,117)
```
#687e7e
```
#687e7e rgb(104,126,126)
```
#5f8786
```
#5f8786 rgb(95,135,134)
```
#56908f
```
#56908f rgb(86,144,143)
```
#4d9997
```
#4d9997 rgb(77,153,151)
```
#45a1a0
```
#45a1a0 rgb(69,161,160)
```
#3caaa8
```
#3caaa8 rgb(60,170,168)
```
#33b3b1
```
#33b3b1 rgb(51,179,177)
```
#2abcb9
```
#2abcb9 rgb(42,188,185)
```
#21c5c1
```
#21c5c1 rgb(33,197,193)
```
#18ceca
```
#18ceca rgb(24,206,202)
```
#0fd7d2
```
#0fd7d2 rgb(15,215,210)
```
#07dfdb
```
#07dfdb rgb(7,223,219)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#7c9998 Atypical Achromatopsia 0.001% of the population

Dichromacy

#afadb2 Protanopia 1% of men
#b2a9c4 Deuteranopia 1% of men
#42bdcb Tritanopia 0.001% of the population

Trichromacy

#7eb2b4 Protanomaly 1% of men, 0.01% of women
#81b0c0 Deuteranomaly 6% of men, 0.4% of women
#39bcc4 Tritanomaly 0.01% of the population

#2abcb9 hex color

#2abcb9 Color Information

#2abcb9 Color Conversion

Color Schemes with #2abcb9

Alternatives to #2abcb9

#2abcb9 Preview

Shades and Tints of #2abcb9

Tones of #2abcb9

Color Blindness Simulator