#2ab7a0 hex color

In a RGB color space, hex #2ab7a0 is composed of 16.5% red, 71.8% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 0% magenta, 12.6% yellow and 28.2% black. It has a hue angle of 170.2 degrees, a saturation of 62.7% and a lightness of 44.1%. #2ab7a0 color hex could be obtained by blending #54ffff with #006f41. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 16
- G 72
- B 63
RGB color chart
- C 77
- M 0
- Y 13
- K 28
CMYK color chart

● #2ab7a0 color description : Strong cyan.

The hexadecimal color #2ab7a0 has RGB values of R:42, G:183, B:160 and CMYK values of C:0.77, M:0, Y:0.13, K:0.28. Its decimal value is 2799520.

Hex triplet	2ab7a0	`#2ab7a0`
RGB Decimal	42, 183, 160	`rgb(42,183,160)`
RGB Percent	16.5, 71.8, 62.7	`rgb(16.5%,71.8%,62.7%)`
CMYK	77, 0, 13, 28
HSL	170.2°, 62.7, 44.1	`hsl(170.2,62.7%,44.1%)`
HSV (or HSB)	170.2°, 77, 71.8
Web Safe	33cc99	`#33cc99`

CIE-LAB	67.198, -41.571, 1.288
XYZ	24.231, 36.895, 39.1
xyY	0.242, 0.368, 36.895
CIE-LCH	67.198, 41.591, 178.226
CIE-LUV	67.198, -50.991, 8.273
Hunter-Lab	60.741, -35.089, 4.353
Binary	00101010, 10110111, 10100000

#2ab7a0
```
#2ab7a0 rgb(42,183,160)
```
#b72a41
```
#b72a41 rgb(183,42,65)
```

Complementary Color

#2ab759
```
#2ab759 rgb(42,183,89)
```
#2ab7a0
```
#2ab7a0 rgb(42,183,160)
```
#2a88b7
```
#2a88b7 rgb(42,136,183)
```

Analogous Color

#b75a2a
```
#b75a2a rgb(183,90,42)
```
#2ab7a0
```
#2ab7a0 rgb(42,183,160)
```
#b72a88
```
#b72a88 rgb(183,42,136)
```

Split Complementary Color

#b7a02a
```
#b7a02a rgb(183,160,42)
```
#2ab7a0
```
#2ab7a0 rgb(42,183,160)
```
#a02ab7
```
#a02ab7 rgb(160,42,183)
```

Triadic Color

#41b72a
```
#41b72a rgb(65,183,42)
```
#2ab7a0
```
#2ab7a0 rgb(42,183,160)
```
#a02ab7
```
#a02ab7 rgb(160,42,183)
```
#b72a41
```
#b72a41 rgb(183,42,65)
```

Tetradic Color

#1c796a
```
#1c796a rgb(28,121,106)
```
#208e7c
```
#208e7c rgb(32,142,124)
```
#25a28e
```
#25a28e rgb(37,162,142)
```
#2ab7a0
```
#2ab7a0 rgb(42,183,160)
```
#2fccb2
```
#2fccb2 rgb(47,204,178)
```
#41d3bb
```
#41d3bb rgb(65,211,187)
```
#55d8c3
```
#55d8c3 rgb(85,216,195)
```

Monochromatic Color

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

#2ab77d
```
#2ab77d rgb(42,183,125)
```
#2ab789
```
#2ab789 rgb(42,183,137)
```
#2ab794
```
#2ab794 rgb(42,183,148)
```
#2ab7a0
```
#2ab7a0 rgb(42,183,160)
```
#2ab7ac
```
#2ab7ac rgb(42,183,172)
```
#2ab7b7
```
#2ab7b7 rgb(42,183,183)
```
#2aabb7
```
#2aabb7 rgb(42,171,183)
```

Similar Colors

Text with hexadecimal color #2ab7a0

This text has a font color of #2ab7a0.

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

#2ab7a0 background color

This paragraph has a background color of #2ab7a0.

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

#2ab7a0 border color

This element has a border color of #2ab7a0.

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

CSS codes

.text {color:#2ab7a0;}

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

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

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, #020807 is the darkest color, while #f7fdfc is the lightest one.

#020807
```
#020807 rgb(2,8,7)
```
#051715
```
#051715 rgb(5,23,21)
```
#092722
```
#092722 rgb(9,39,34)
```
#0d3730
```
#0d3730 rgb(13,55,48)
```
#10473e
```
#10473e rgb(16,71,62)
```
#14574c
```
#14574c rgb(20,87,76)
```
#18675a
```
#18675a rgb(24,103,90)
```
#1b7768
```
#1b7768 rgb(27,119,104)
```
#1f8776
```
#1f8776 rgb(31,135,118)
```
#239784
```
#239784 rgb(35,151,132)
```
#26a792
```
#26a792 rgb(38,167,146)
```
#2ab7a0
```
#2ab7a0 rgb(42,183,160)
```
#2ec7ae
```
#2ec7ae rgb(46,199,174)
```

Shade Color Variation

#37d1b8
```
#37d1b8 rgb(55,209,184)
```
#47d5be
```
#47d5be rgb(71,213,190)
```
#57d8c3
```
#57d8c3 rgb(87,216,195)
```
#67dcc9
```
#67dcc9 rgb(103,220,201)
```
#77e0cf
```
#77e0cf rgb(119,224,207)
```
#87e3d4
```
#87e3d4 rgb(135,227,212)
```
#97e7da
```
#97e7da rgb(151,231,218)
```
#a7ebe0
```
#a7ebe0 rgb(167,235,224)
```
#b7eee5
```
#b7eee5 rgb(183,238,229)
```
#c7f2eb
```
#c7f2eb rgb(199,242,235)
```
#d7f6f1
```
#d7f6f1 rgb(215,246,241)
```
#e7f9f6
```
#e7f9f6 rgb(231,249,246)
```
#f7fdfc
```
#f7fdfc rgb(247,253,252)
```

Tint Color Variation

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

#6f7271
```
#6f7271 rgb(111,114,113)
```
#677a77
```
#677a77 rgb(103,122,119)
```
#5e837d
```
#5e837d rgb(94,131,125)
```
#558c83
```
#558c83 rgb(85,140,131)
```
#4d9489
```
#4d9489 rgb(77,148,137)
```
#449d8f
```
#449d8f rgb(68,157,143)
```
#3ba694
```
#3ba694 rgb(59,166,148)
```
#33ae9a
```
#33ae9a rgb(51,174,154)
```
#2ab7a0
```
#2ab7a0 rgb(42,183,160)
```
#21c0a6
```
#21c0a6 rgb(33,192,166)
```
#19c8ac
```
#19c8ac rgb(25,200,172)
```
#10d1b1
```
#10d1b1 rgb(16,209,177)
```
#07dab7
```
#07dab7 rgb(7,218,183)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#77938e Atypical Achromatopsia 0.001% of the population

Dichromacy

#aea79b Protanopia 1% of men
#b5a3ad Deuteranopia 1% of men
#4bb6c3 Tritanopia 0.001% of the population

Trichromacy

#7ead9d Protanomaly 1% of men, 0.01% of women
#82aaa8 Deuteranomaly 6% of men, 0.4% of women
#3fb6b6 Tritanomaly 0.01% of the population

#2ab7a0 hex color

#2ab7a0 Color Information

#2ab7a0 Color Conversion

Color Schemes with #2ab7a0

Alternatives to #2ab7a0

#2ab7a0 Preview

Shades and Tints of #2ab7a0

Tones of #2ab7a0

Color Blindness Simulator