#2abd9c hex color

In a RGB color space, hex #2abd9c is composed of 16.5% red, 74.1% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 0% magenta, 17.5% yellow and 25.9% black. It has a hue angle of 166.5 degrees, a saturation of 63.6% and a lightness of 45.3%. #2abd9c color hex could be obtained by blending #54ffff with #007b39. Closest websafe color is: #33cc99.

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

● #2abd9c color description : Strong cyan.

The hexadecimal color #2abd9c has RGB values of R:42, G:189, B:156 and CMYK values of C:0.78, M:0, Y:0.17, K:0.26. Its decimal value is 2801052.

Hex triplet	2abd9c	`#2abd9c`
RGB Decimal	42, 189, 156	`rgb(42,189,156)`
RGB Percent	16.5, 74.1, 61.2	`rgb(16.5%,74.1%,61.2%)`
CMYK	78, 0, 17, 26
HSL	166.5°, 63.6, 45.3	`hsl(166.5,63.6%,45.3%)`
HSV (or HSB)	166.5°, 77.8, 74.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.957, -45.193, 6.029
XYZ	25.151, 39.285, 37.708
xyY	0.246, 0.385, 39.285
CIE-LCH	68.957, 45.593, 172.402
CIE-LUV	68.957, -53.395, 15.805
Hunter-Lab	62.678, -38.059, 8.205
Binary	00101010, 10111101, 10011100

#2abd9c
```
#2abd9c rgb(42,189,156)
```
#bd2a4b
```
#bd2a4b rgb(189,42,75)
```

Complementary Color

#2abd53
```
#2abd53 rgb(42,189,83)
```
#2abd9c
```
#2abd9c rgb(42,189,156)
```
#2a95bd
```
#2a95bd rgb(42,149,189)
```

Analogous Color

#bd532a
```
#bd532a rgb(189,83,42)
```
#2abd9c
```
#2abd9c rgb(42,189,156)
```
#bd2a95
```
#bd2a95 rgb(189,42,149)
```

Split Complementary Color

#bd9c2a
```
#bd9c2a rgb(189,156,42)
```
#2abd9c
```
#2abd9c rgb(42,189,156)
```
#9c2abd
```
#9c2abd rgb(156,42,189)
```

Triadic Color

#4bbd2a
```
#4bbd2a rgb(75,189,42)
```
#2abd9c
```
#2abd9c rgb(42,189,156)
```
#9c2abd
```
#9c2abd rgb(156,42,189)
```
#bd2a4b
```
#bd2a4b rgb(189,42,75)
```

Tetradic Color

#1c7e68
```
#1c7e68 rgb(28,126,104)
```
#21937a
```
#21937a rgb(33,147,122)
```
#25a88b
```
#25a88b rgb(37,168,139)
```
#2abd9c
```
#2abd9c rgb(42,189,156)
```
#30d1ad
```
#30d1ad rgb(48,209,173)
```
#44d6b5
```
#44d6b5 rgb(68,214,181)
```
#59dabd
```
#59dabd rgb(89,218,189)
```

Monochromatic Color

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

#2abd77
```
#2abd77 rgb(42,189,119)
```
#2abd84
```
#2abd84 rgb(42,189,132)
```
#2abd90
```
#2abd90 rgb(42,189,144)
```
#2abd9c
```
#2abd9c rgb(42,189,156)
```
#2abda8
```
#2abda8 rgb(42,189,168)
```
#2abdb5
```
#2abdb5 rgb(42,189,181)
```
#2ab9bd
```
#2ab9bd rgb(42,185,189)
```

Similar Colors

Text with hexadecimal color #2abd9c

This text has a font color of #2abd9c.

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

#2abd9c background color

This paragraph has a background color of #2abd9c.

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

#2abd9c border color

This element has a border color of #2abd9c.

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

CSS codes

.text {color:#2abd9c;}

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

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

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 #fbfefe is the lightest one.

#030c0a
```
#030c0a rgb(3,12,10)
```
#061d18
```
#061d18 rgb(6,29,24)
```
#0a2d25
```
#0a2d25 rgb(10,45,37)
```
#0d3d32
```
#0d3d32 rgb(13,61,50)
```
#114d3f
```
#114d3f rgb(17,77,63)
```
#155d4d
```
#155d4d rgb(21,93,77)
```
#186d5a
```
#186d5a rgb(24,109,90)
```
#1c7d67
```
#1c7d67 rgb(28,125,103)
```
#1f8d74
```
#1f8d74 rgb(31,141,116)
```
#239d82
```
#239d82 rgb(35,157,130)
```
#26ad8f
```
#26ad8f rgb(38,173,143)
```
#2abd9c
```
#2abd9c rgb(42,189,156)
```
#2ecda9
```
#2ecda9 rgb(46,205,169)
```

Shade Color Variation

#3bd3b1
```
#3bd3b1 rgb(59,211,177)
```
#4bd7b8
```
#4bd7b8 rgb(75,215,184)
```
#5bdbbe
```
#5bdbbe rgb(91,219,190)
```
#6bdec4
```
#6bdec4 rgb(107,222,196)
```
#7be2cb
```
#7be2cb rgb(123,226,203)
```
#8be5d1
```
#8be5d1 rgb(139,229,209)
```
#9be9d7
```
#9be9d7 rgb(155,233,215)
```
#abecde
```
#abecde rgb(171,236,222)
```
#bbf0e4
```
#bbf0e4 rgb(187,240,228)
```
#cbf4ea
```
#cbf4ea rgb(203,244,234)
```
#dbf7f1
```
#dbf7f1 rgb(219,247,241)
```
#ebfbf7
```
#ebfbf7 rgb(235,251,247)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#717675
```
#717675 rgb(113,118,117)
```
#687f7a
```
#687f7a rgb(104,127,122)
```
#5f887f
```
#5f887f rgb(95,136,127)
```
#569184
```
#569184 rgb(86,145,132)
```
#4e9988
```
#4e9988 rgb(78,153,136)
```
#45a28d
```
#45a28d rgb(69,162,141)
```
#3cab92
```
#3cab92 rgb(60,171,146)
```
#33b497
```
#33b497 rgb(51,180,151)
```
#2abd9c
```
#2abd9c rgb(42,189,156)
```
#21c6a1
```
#21c6a1 rgb(33,198,161)
```
#18cfa6
```
#18cfa6 rgb(24,207,166)
```
#0fd8ab
```
#0fd8ab rgb(15,216,171)
```
#06e1b0
```
#06e1b0 rgb(6,225,176)
```

Tone Color Variation

Below, you can see how #2abd9c 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
#799790 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4ac97 Protanopia 1% of men
#bda7a9 Deuteranopia 1% of men
#50bac8 Tritanopia 0.001% of the population

Trichromacy

#82b299 Protanomaly 1% of men, 0.01% of women
#88afa4 Deuteranomaly 6% of men, 0.4% of women
#42bbb8 Tritanomaly 0.01% of the population

#2abd9c hex color

#2abd9c Color Information

#2abd9c Color Conversion

Color Schemes with #2abd9c

Alternatives to #2abd9c

#2abd9c Preview

Shades and Tints of #2abd9c

Tones of #2abd9c

Color Blindness Simulator