#2ab2b5 hex color

In a RGB color space, hex #2ab2b5 is composed of 16.5% red, 69.8% green and 71% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 1.7% magenta, 0% yellow and 29% black. It has a hue angle of 181.3 degrees, a saturation of 62.3% and a lightness of 43.7%. #2ab2b5 color hex could be obtained by blending #54ffff with #00656b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 70
- B 71
RGB color chart
- C 77
- M 2
- Y 0
- K 29
CMYK color chart

● #2ab2b5 color description : Strong cyan.

The hexadecimal color #2ab2b5 has RGB values of R:42, G:178, B:181 and CMYK values of C:0.77, M:0.02, Y:0, K:0.29. Its decimal value is 2798261.

Hex triplet	2ab2b5	`#2ab2b5`
RGB Decimal	42, 178, 181	`rgb(42,178,181)`
RGB Percent	16.5, 69.8, 71	`rgb(16.5%,69.8%,71%)`
CMYK	77, 2, 0, 29
HSL	181.3°, 62.3, 43.7	`hsl(181.3,62.3%,43.7%)`
HSV (or HSB)	181.3°, 76.8, 71
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.265, -33.321, -11.709
XYZ	25.213, 35.667, 49.269
xyY	0.229, 0.324, 35.667
CIE-LCH	66.265, 35.319, 199.362
CIE-LUV	66.265, -47.721, -12.886
Hunter-Lab	59.722, -29.154, -7.108
Binary	00101010, 10110010, 10110101

#2ab2b5
```
#2ab2b5 rgb(42,178,181)
```
#b52d2a
```
#b52d2a rgb(181,45,42)
```

Complementary Color

#2ab573
```
#2ab573 rgb(42,181,115)
```
#2ab2b5
```
#2ab2b5 rgb(42,178,181)
```
#2a6db5
```
#2a6db5 rgb(42,109,181)
```

Analogous Color

#b5732a
```
#b5732a rgb(181,115,42)
```
#2ab2b5
```
#2ab2b5 rgb(42,178,181)
```
#b52a6d
```
#b52a6d rgb(181,42,109)
```

Split Complementary Color

#b2b52a
```
#b2b52a rgb(178,181,42)
```
#2ab2b5
```
#2ab2b5 rgb(42,178,181)
```
#b52ab2
```
#b52ab2 rgb(181,42,178)
```

Triadic Color

#2ab52d
```
#2ab52d rgb(42,181,45)
```
#2ab2b5
```
#2ab2b5 rgb(42,178,181)
```
#b52ab2
```
#b52ab2 rgb(181,42,178)
```
#b52d2a
```
#b52d2a rgb(181,45,42)
```

Tetradic Color

#1c7577
```
#1c7577 rgb(28,117,119)
```
#20898c
```
#20898c rgb(32,137,140)
```
#259ea0
```
#259ea0 rgb(37,158,160)
```
#2ab2b5
```
#2ab2b5 rgb(42,178,181)
```
#2fc6ca
```
#2fc6ca rgb(47,198,202)
```
#3fcfd3
```
#3fcfd3 rgb(63,207,211)
```
#54d5d7
```
#54d5d7 rgb(84,213,215)
```

Monochromatic Color

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

#2ab595
```
#2ab595 rgb(42,181,149)
```
#2ab5a1
```
#2ab5a1 rgb(42,181,161)
```
#2ab5ac
```
#2ab5ac rgb(42,181,172)
```
#2ab2b5
```
#2ab2b5 rgb(42,178,181)
```
#2aa6b5
```
#2aa6b5 rgb(42,166,181)
```
#2a9bb5
```
#2a9bb5 rgb(42,155,181)
```
#2a8fb5
```
#2a8fb5 rgb(42,143,181)
```

Similar Colors

Text with hexadecimal color #2ab2b5

This text has a font color of #2ab2b5.

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

#2ab2b5 background color

This paragraph has a background color of #2ab2b5.

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

#2ab2b5 border color

This element has a border color of #2ab2b5.

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

CSS codes

.text {color:#2ab2b5;}

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

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

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

#010606
```
#010606 rgb(1,6,6)
```
#051516
```
#051516 rgb(5,21,22)
```
#092526
```
#092526 rgb(9,37,38)
```
#0c3536
```
#0c3536 rgb(12,53,54)
```
#104446
```
#104446 rgb(16,68,70)
```
#145455
```
#145455 rgb(20,84,85)
```
#186465
```
#186465 rgb(24,100,101)
```
#1b7375
```
#1b7375 rgb(27,115,117)
```
#1f8385
```
#1f8385 rgb(31,131,133)
```
#239395
```
#239395 rgb(35,147,149)
```
#26a2a5
```
#26a2a5 rgb(38,162,165)
```
#2ab2b5
```
#2ab2b5 rgb(42,178,181)
```
#2ec2c5
```
#2ec2c5 rgb(46,194,197)
```

Shade Color Variation

#36cdd0
```
#36cdd0 rgb(54,205,208)
```
#46d1d4
```
#46d1d4 rgb(70,209,212)
```
#56d5d8
```
#56d5d8 rgb(86,213,216)
```
#66d9db
```
#66d9db rgb(102,217,219)
```
#76dddf
```
#76dddf rgb(118,221,223)
```
#86e1e3
```
#86e1e3 rgb(134,225,227)
```
#95e5e7
```
#95e5e7 rgb(149,229,231)
```
#a5e9ea
```
#a5e9ea rgb(165,233,234)
```
#b5edee
```
#b5edee rgb(181,237,238)
```
#c5f1f2
```
#c5f1f2 rgb(197,241,242)
```
#d5f5f5
```
#d5f5f5 rgb(213,245,245)
```
#e5f9f9
```
#e5f9f9 rgb(229,249,249)
```
#f5fdfd
```
#f5fdfd rgb(245,253,253)
```

Tint Color Variation

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

#6f7070
```
#6f7070 rgb(111,112,112)
```
#667979
```
#667979 rgb(102,121,121)
```
#5d8182
```
#5d8182 rgb(93,129,130)
```
#55898a
```
#55898a rgb(85,137,138)
```
#4c9193
```
#4c9193 rgb(76,145,147)
```
#44999b
```
#44999b rgb(68,153,155)
```
#3ba2a4
```
#3ba2a4 rgb(59,162,164)
```
#33aaac
```
#33aaac rgb(51,170,172)
```
#2ab2b5
```
#2ab2b5 rgb(42,178,181)
```
#21babe
```
#21babe rgb(33,186,190)
```
#19c2c6
```
#19c2c6 rgb(25,194,198)
```
#10cbcf
```
#10cbcf rgb(16,203,207)
```
#08d3d7
```
#08d3d7 rgb(8,211,215)
```

Tone Color Variation

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

Dichromacy

#a5a4af Protanopia 1% of men
#a8a2c0 Deuteranopia 1% of men
#3db4c1 Tritanopia 0.001% of the population

Trichromacy

#78a9b1 Protanomaly 1% of men, 0.01% of women
#7aa8bc Deuteranomaly 6% of men, 0.4% of women
#36b3bd Tritanomaly 0.01% of the population

#2ab2b5 hex color

#2ab2b5 Color Information

#2ab2b5 Color Conversion

Color Schemes with #2ab2b5

Alternatives to #2ab2b5

#2ab2b5 Preview

Shades and Tints of #2ab2b5

Tones of #2ab2b5

Color Blindness Simulator