#2ab5bc hex color

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

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

● #2ab5bc color description : Strong cyan.

The hexadecimal color #2ab5bc has RGB values of R:42, G:181, B:188 and CMYK values of C:0.78, M:0.04, Y:0, K:0.26. Its decimal value is 2799036.

Hex triplet	2ab5bc	`#2ab5bc`
RGB Decimal	42, 181, 188	`rgb(42,181,188)`
RGB Percent	16.5, 71, 73.7	`rgb(16.5%,71%,73.7%)`
CMYK	78, 4, 0, 26
HSL	182.9°, 63.5, 45.1	`hsl(182.9,63.5%,45.1%)`
HSV (or HSB)	182.9°, 77.7, 73.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	67.403, -32.636, -13.873
XYZ	26.553, 37.168, 53.349
xyY	0.227, 0.317, 37.168
CIE-LCH	67.403, 35.462, 203.029
CIE-LUV	67.403, -48.285, -16.469
Hunter-Lab	60.966, -28.946, -9.206
Binary	00101010, 10110101, 10111100

#2ab5bc
```
#2ab5bc rgb(42,181,188)
```
#bc312a
```
#bc312a rgb(188,49,42)
```

Complementary Color

#2abc7a
```
#2abc7a rgb(42,188,122)
```
#2ab5bc
```
#2ab5bc rgb(42,181,188)
```
#2a6cbc
```
#2a6cbc rgb(42,108,188)
```

Analogous Color

#bc7a2a
```
#bc7a2a rgb(188,122,42)
```
#2ab5bc
```
#2ab5bc rgb(42,181,188)
```
#bc2a6c
```
#bc2a6c rgb(188,42,108)
```

Split Complementary Color

#b5bc2a
```
#b5bc2a rgb(181,188,42)
```
#2ab5bc
```
#2ab5bc rgb(42,181,188)
```
#bc2ab5
```
#bc2ab5 rgb(188,42,181)
```

Triadic Color

#2abc31
```
#2abc31 rgb(42,188,49)
```
#2ab5bc
```
#2ab5bc rgb(42,181,188)
```
#bc2ab5
```
#bc2ab5 rgb(188,42,181)
```
#bc312a
```
#bc312a rgb(188,49,42)
```

Tetradic Color

#1c797d
```
#1c797d rgb(28,121,125)
```
#218d92
```
#218d92 rgb(33,141,146)
```
#25a1a7
```
#25a1a7 rgb(37,161,167)
```
#2ab5bc
```
#2ab5bc rgb(42,181,188)
```
#2fc9d1
```
#2fc9d1 rgb(47,201,209)
```
#44ced5
```
#44ced5 rgb(68,206,213)
```
#59d4da
```
#59d4da rgb(89,212,218)
```

Monochromatic Color

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

#2abc9f
```
#2abc9f rgb(42,188,159)
```
#2abcab
```
#2abcab rgb(42,188,171)
```
#2abcb7
```
#2abcb7 rgb(42,188,183)
```
#2ab5bc
```
#2ab5bc rgb(42,181,188)
```
#2aa9bc
```
#2aa9bc rgb(42,169,188)
```
#2a9dbc
```
#2a9dbc rgb(42,157,188)
```
#2a91bc
```
#2a91bc rgb(42,145,188)
```

Similar Colors

Text with hexadecimal color #2ab5bc

This text has a font color of #2ab5bc.

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

#2ab5bc background color

This paragraph has a background color of #2ab5bc.

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

#2ab5bc border color

This element has a border color of #2ab5bc.

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

CSS codes

.text {color:#2ab5bc;}

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

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

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

#030b0c
```
#030b0c rgb(3,11,12)
```
#061b1c
```
#061b1c rgb(6,27,28)
```
#0a2a2c
```
#0a2a2c rgb(10,42,44)
```
#0d3a3c
```
#0d3a3c rgb(13,58,60)
```
#11494c
```
#11494c rgb(17,73,76)
```
#15585c
```
#15585c rgb(21,88,92)
```
#18686c
```
#18686c rgb(24,104,108)
```
#1c777c
```
#1c777c rgb(28,119,124)
```
#1f878c
```
#1f878c rgb(31,135,140)
```
#23969c
```
#23969c rgb(35,150,156)
```
#26a6ac
```
#26a6ac rgb(38,166,172)
```
#2ab5bc
```
#2ab5bc rgb(42,181,188)
```
#2ec4cc
```
#2ec4cc rgb(46,196,204)
```

Shade Color Variation

#3accd3
```
#3accd3 rgb(58,204,211)
```
#4ad0d7
```
#4ad0d7 rgb(74,208,215)
```
#5ad4da
```
#5ad4da rgb(90,212,218)
```
#6ad8de
```
#6ad8de rgb(106,216,222)
```
#7adce1
```
#7adce1 rgb(122,220,225)
```
#8ae1e5
```
#8ae1e5 rgb(138,225,229)
```
#9ae5e9
```
#9ae5e9 rgb(154,229,233)
```
#aae9ec
```
#aae9ec rgb(170,233,236)
```
#baedf0
```
#baedf0 rgb(186,237,240)
```
#caf1f3
```
#caf1f3 rgb(202,241,243)
```
#dbf5f7
```
#dbf5f7 rgb(219,245,247)
```
#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 #07d5df is the most saturated one.

#717575
```
#717575 rgb(113,117,117)
```
#687d7e
```
#687d7e rgb(104,125,126)
```
#5f8587
```
#5f8587 rgb(95,133,135)
```
#568d90
```
#568d90 rgb(86,141,144)
```
#4d9599
```
#4d9599 rgb(77,149,153)
```
#459da1
```
#459da1 rgb(69,157,161)
```
#3ca5aa
```
#3ca5aa rgb(60,165,170)
```
#33adb3
```
#33adb3 rgb(51,173,179)
```
#2ab5bc
```
#2ab5bc rgb(42,181,188)
```
#21bdc5
```
#21bdc5 rgb(33,189,197)
```
#18c5ce
```
#18c5ce rgb(24,197,206)
```
#0fcdd7
```
#0fcdd7 rgb(15,205,215)
```
#07d5df
```
#07d5df rgb(7,213,223)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#789496 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a7b5 Protanopia 1% of men
#a8a5c6 Deuteranopia 1% of men
#3ab7c5 Tritanopia 0.001% of the population

Trichromacy

#7aacb7 Protanomaly 1% of men, 0.01% of women
#7aabc2 Deuteranomaly 6% of men, 0.4% of women
#34b6c1 Tritanomaly 0.01% of the population

#2ab5bc hex color

#2ab5bc Color Information

#2ab5bc Color Conversion

Color Schemes with #2ab5bc

Alternatives to #2ab5bc

#2ab5bc Preview

Shades and Tints of #2ab5bc

Tones of #2ab5bc

Color Blindness Simulator