colorhexa.com

#2ab7be hex color

In a RGB color space, hex #2ab7be is composed of 16.5% red, 71.8% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 3.7% magenta, 0% yellow and 25.5% black. It has a hue angle of 182.8 degrees, a saturation of 63.8% and a lightness of 45.5%. #2ab7be color hex could be obtained by blending #54ffff with #006f7d. Closest websafe color is: #33cccc.

- R 16
- G 72
- B 75
RGB color chart
- C 78
- M 4
- Y 0
- K 25
CMYK color chart

● #2ab7be color description : Strong cyan.

The hexadecimal color #2ab7be has RGB values of R:42, G:183, B:190 and CMYK values of C:0.78, M:0.04, Y:0, K:0.25. Its decimal value is 2799550.

Hex triplet	2ab7be	`#2ab7be`
RGB Decimal	42, 183, 190	`rgb(42,183,190)`
RGB Percent	16.5, 71.8, 74.5	`rgb(16.5%,71.8%,74.5%)`
CMYK	78, 4, 0, 25
HSL	182.8°, 63.8, 45.5	`hsl(182.8,63.8%,45.5%)`
HSV (or HSB)	182.8°, 77.9, 74.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	68.075, -32.982, -13.965
XYZ	27.18, 38.074, 54.629
xyY	0.227, 0.318, 38.074
CIE-LCH	68.075, 35.816, 202.948
CIE-LUV	68.075, -48.849, -16.59
Hunter-Lab	61.704, -29.356, -9.298
Binary	00101010, 10110111, 10111110

#2ab7be
```
#2ab7be rgb(42,183,190)
```
#be312a
```
#be312a rgb(190,49,42)
```

Complementary Color

#2abe7b
```
#2abe7b rgb(42,190,123)
```
#2ab7be
```
#2ab7be rgb(42,183,190)
```
#2a6dbe
```
#2a6dbe rgb(42,109,190)
```

Analogous Color

#be7b2a
```
#be7b2a rgb(190,123,42)
```
#2ab7be
```
#2ab7be rgb(42,183,190)
```
#be2a6d
```
#be2a6d rgb(190,42,109)
```

Split Complementary Color

#b7be2a
```
#b7be2a rgb(183,190,42)
```
#2ab7be
```
#2ab7be rgb(42,183,190)
```
#be2ab7
```
#be2ab7 rgb(190,42,183)
```

Triadic Color

#2abe31
```
#2abe31 rgb(42,190,49)
```
#2ab7be
```
#2ab7be rgb(42,183,190)
```
#be2ab7
```
#be2ab7 rgb(190,42,183)
```
#be312a
```
#be312a rgb(190,49,42)
```

Tetradic Color

#1c7b7f
```
#1c7b7f rgb(28,123,127)
```
#218f94
```
#218f94 rgb(33,143,148)
```
#25a3a9
```
#25a3a9 rgb(37,163,169)
```
#2ab7be
```
#2ab7be rgb(42,183,190)
```
#30cad1
```
#30cad1 rgb(48,202,209)
```
#45cfd6
```
#45cfd6 rgb(69,207,214)
```
#5ad4db
```
#5ad4db rgb(90,212,219)
```

Monochromatic Color

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

#2abea0
```
#2abea0 rgb(42,190,160)
```
#2abeac
```
#2abeac rgb(42,190,172)
```
#2abeb9
```
#2abeb9 rgb(42,190,185)
```
#2ab7be
```
#2ab7be rgb(42,183,190)
```
#2aabbe
```
#2aabbe rgb(42,171,190)
```
#2a9ebe
```
#2a9ebe rgb(42,158,190)
```
#2a92be
```
#2a92be rgb(42,146,190)
```

Similar Colors

Text with hexadecimal color #2ab7be

This text has a font color of #2ab7be.

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

#2ab7be background color

This paragraph has a background color of #2ab7be.

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

#2ab7be border color

This element has a border color of #2ab7be.

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

CSS codes

.text {color:#2ab7be;}

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

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

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

#030d0d
```
#030d0d rgb(3,13,13)
```
#061c1d
```
#061c1d rgb(6,28,29)
```
#0a2c2d
```
#0a2c2d rgb(10,44,45)
```
#0e3b3d
```
#0e3b3d rgb(14,59,61)
```
#114b4e
```
#114b4e rgb(17,75,78)
```
#155a5e
```
#155a5e rgb(21,90,94)
```
#186a6e
```
#186a6e rgb(24,106,110)
```
#1c797e
```
#1c797e rgb(28,121,126)
```
#1f898e
```
#1f898e rgb(31,137,142)
```
#23989e
```
#23989e rgb(35,152,158)
```
#26a8ae
```
#26a8ae rgb(38,168,174)
```
#2ab7be
```
#2ab7be rgb(42,183,190)
```
#2ec6ce
```
#2ec6ce rgb(46,198,206)
```

Shade Color Variation

#3bcdd4
```
#3bcdd4 rgb(59,205,212)
```
#4cd1d7
```
#4cd1d7 rgb(76,209,215)
```
#5cd5db
```
#5cd5db rgb(92,213,219)
```
#6cd9de
```
#6cd9de rgb(108,217,222)
```
#7cdde2
```
#7cdde2 rgb(124,221,226)
```
#8ce1e6
```
#8ce1e6 rgb(140,225,230)
```
#9ce5e9
```
#9ce5e9 rgb(156,229,233)
```
#aceaed
```
#aceaed rgb(172,234,237)
```
#bceef0
```
#bceef0 rgb(188,238,240)
```
#ccf2f4
```
#ccf2f4 rgb(204,242,244)
```
#dcf6f7
```
#dcf6f7 rgb(220,246,247)
```
#ecfafb
```
#ecfafb rgb(236,250,251)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#717677
```
#717677 rgb(113,118,119)
```
#687e80
```
#687e80 rgb(104,126,128)
```
#608788
```
#608788 rgb(96,135,136)
```
#578f91
```
#578f91 rgb(87,143,145)
```
#4e979a
```
#4e979a rgb(78,151,154)
```
#459fa3
```
#459fa3 rgb(69,159,163)
```
#3ca7ac
```
#3ca7ac rgb(60,167,172)
```
#33afb5
```
#33afb5 rgb(51,175,181)
```
#2ab7be
```
#2ab7be rgb(42,183,190)
```
#21bfc7
```
#21bfc7 rgb(33,191,199)
```
#18c7d0
```
#18c7d0 rgb(24,199,208)
```
#0fcfd9
```
#0fcfd9 rgb(15,207,217)
```
#06d7e2
```
#06d7e2 rgb(6,215,226)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7a9698 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9a9b7 Protanopia 1% of men
#aaa6c8 Deuteranopia 1% of men
#3bb9c7 Tritanopia 0.001% of the population

Trichromacy

#7baeb9 Protanomaly 1% of men, 0.01% of women
#7bacc4 Deuteranomaly 6% of men, 0.4% of women
#34b8c3 Tritanomaly 0.01% of the population