#2ab1b5 hex color

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

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

● #2ab1b5 color description : Strong cyan.

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

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

CIE-LAB	65.959, -32.847, -12.168
XYZ	25.015, 35.27, 49.203
xyY	0.228, 0.322, 35.27
CIE-LCH	65.959, 35.028, 200.327
CIE-LUV	65.959, -47.366, -13.673
Hunter-Lab	59.389, -28.745, -7.549
Binary	00101010, 10110001, 10110101

#2ab1b5
```
#2ab1b5 rgb(42,177,181)
```
#b52e2a
```
#b52e2a rgb(181,46,42)
```

Complementary Color

#2ab574
```
#2ab574 rgb(42,181,116)
```
#2ab1b5
```
#2ab1b5 rgb(42,177,181)
```
#2a6cb5
```
#2a6cb5 rgb(42,108,181)
```

Analogous Color

#b5742a
```
#b5742a rgb(181,116,42)
```
#2ab1b5
```
#2ab1b5 rgb(42,177,181)
```
#b52a6c
```
#b52a6c rgb(181,42,108)
```

Split Complementary Color

#b1b52a
```
#b1b52a rgb(177,181,42)
```
#2ab1b5
```
#2ab1b5 rgb(42,177,181)
```
#b52ab1
```
#b52ab1 rgb(181,42,177)
```

Triadic Color

#2ab52e
```
#2ab52e rgb(42,181,46)
```
#2ab1b5
```
#2ab1b5 rgb(42,177,181)
```
#b52ab1
```
#b52ab1 rgb(181,42,177)
```
#b52e2a
```
#b52e2a rgb(181,46,42)
```

Tetradic Color

#1c7477
```
#1c7477 rgb(28,116,119)
```
#20898c
```
#20898c rgb(32,137,140)
```
#259da0
```
#259da0 rgb(37,157,160)
```
#2ab1b5
```
#2ab1b5 rgb(42,177,181)
```
#2fc5ca
```
#2fc5ca rgb(47,197,202)
```
#3fced3
```
#3fced3 rgb(63,206,211)
```
#54d4d7
```
#54d4d7 rgb(84,212,215)
```

Monochromatic Color

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

#2ab596
```
#2ab596 rgb(42,181,150)
```
#2ab5a2
```
#2ab5a2 rgb(42,181,162)
```
#2ab5ad
```
#2ab5ad rgb(42,181,173)
```
#2ab1b5
```
#2ab1b5 rgb(42,177,181)
```
#2aa5b5
```
#2aa5b5 rgb(42,165,181)
```
#2a9ab5
```
#2a9ab5 rgb(42,154,181)
```
#2a8eb5
```
#2a8eb5 rgb(42,142,181)
```

Similar Colors

Text with hexadecimal color #2ab1b5

This text has a font color of #2ab1b5.

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

#2ab1b5 background color

This paragraph has a background color of #2ab1b5.

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

#2ab1b5 border color

This element has a border color of #2ab1b5.

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

CSS codes

.text {color:#2ab1b5;}

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

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

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

#010606
```
#010606 rgb(1,6,6)
```
#051516
```
#051516 rgb(5,21,22)
```
#092526
```
#092526 rgb(9,37,38)
```
#0c3436
```
#0c3436 rgb(12,52,54)
```
#104446
```
#104446 rgb(16,68,70)
```
#145455
```
#145455 rgb(20,84,85)
```
#186365
```
#186365 rgb(24,99,101)
```
#1b7375
```
#1b7375 rgb(27,115,117)
```
#1f8285
```
#1f8285 rgb(31,130,133)
```
#239295
```
#239295 rgb(35,146,149)
```
#26a1a5
```
#26a1a5 rgb(38,161,165)
```
#2ab1b5
```
#2ab1b5 rgb(42,177,181)
```
#2ec1c5
```
#2ec1c5 rgb(46,193,197)
```

Shade Color Variation

#36ccd0
```
#36ccd0 rgb(54,204,208)
```
#46d0d4
```
#46d0d4 rgb(70,208,212)
```
#56d4d8
```
#56d4d8 rgb(86,212,216)
```
#66d8db
```
#66d8db rgb(102,216,219)
```
#76dcdf
```
#76dcdf rgb(118,220,223)
```
#86e0e3
```
#86e0e3 rgb(134,224,227)
```
#95e4e7
```
#95e4e7 rgb(149,228,231)
```
#a5e8ea
```
#a5e8ea rgb(165,232,234)
```
#b5ecee
```
#b5ecee rgb(181,236,238)
```
#c5f0f2
```
#c5f0f2 rgb(197,240,242)
```
#d5f4f5
```
#d5f4f5 rgb(213,244,245)
```
#e5f8f9
```
#e5f8f9 rgb(229,248,249)
```
#f5fcfd
```
#f5fcfd rgb(245,252,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 #08d1d7 is the most saturated one.

#6f7070
```
#6f7070 rgb(111,112,112)
```
#667879
```
#667879 rgb(102,120,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)
```
#3ba1a4
```
#3ba1a4 rgb(59,161,164)
```
#33a9ac
```
#33a9ac rgb(51,169,172)
```
#2ab1b5
```
#2ab1b5 rgb(42,177,181)
```
#21b9be
```
#21b9be rgb(33,185,190)
```
#19c1c6
```
#19c1c6 rgb(25,193,198)
```
#10c9cf
```
#10c9cf rgb(16,201,207)
```
#08d1d7
```
#08d1d7 rgb(8,209,215)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#769192 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a4af Protanopia 1% of men
#a6a1c0 Deuteranopia 1% of men
#3cb3c0 Tritanopia 0.001% of the population

Trichromacy

#78a8b1 Protanomaly 1% of men, 0.01% of women
#79a7bc Deuteranomaly 6% of men, 0.4% of women
#35b2bc Tritanomaly 0.01% of the population

#2ab1b5 hex color

#2ab1b5 Color Information

#2ab1b5 Color Conversion

Color Schemes with #2ab1b5

Alternatives to #2ab1b5

#2ab1b5 Preview

Shades and Tints of #2ab1b5

Tones of #2ab1b5

Color Blindness Simulator