#2a8996 hex color

In a RGB color space, hex #2a8996 is composed of 16.5% red, 53.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 72% cyan, 8.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 187.2 degrees, a saturation of 56.3% and a lightness of 37.6%. #2a8996 color hex could be obtained by blending #54ffff with #00132d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 16
- G 54
- B 59
RGB color chart
- C 72
- M 9
- Y 0
- K 41
CMYK color chart

● #2a8996 color description : Dark cyan.

The hexadecimal color #2a8996 has RGB values of R:42, G:137, B:150 and CMYK values of C:0.72, M:0.09, Y:0, K:0.41. Its decimal value is 2787734.

Hex triplet	2a8996	`#2a8996`
RGB Decimal	42, 137, 150	`rgb(42,137,150)`
RGB Percent	16.5, 53.7, 58.8	`rgb(16.5%,53.7%,58.8%)`
CMYK	72, 9, 0, 41
HSL	187.2°, 56.3, 37.6	`hsl(187.2,56.3%,37.6%)`
HSV (or HSB)	187.2°, 72, 58.8
Web Safe	339999	`#339999`

CIE-LAB	52.491, -22.616, -14.902
XYZ	15.404, 20.584, 32.014
xyY	0.227, 0.303, 20.584
CIE-LCH	52.491, 27.084, 213.382
CIE-LUV	52.491, -34.944, -18.742
Hunter-Lab	45.37, -18.793, -10.077
Binary	00101010, 10001001, 10010110

#2a8996
```
#2a8996 rgb(42,137,150)
```
#96372a
```
#96372a rgb(150,55,42)
```

Complementary Color

#2a966d
```
#2a966d rgb(42,150,109)
```
#2a8996
```
#2a8996 rgb(42,137,150)
```
#2a5396
```
#2a5396 rgb(42,83,150)
```

Analogous Color

#966d2a
```
#966d2a rgb(150,109,42)
```
#2a8996
```
#2a8996 rgb(42,137,150)
```
#962a53
```
#962a53 rgb(150,42,83)
```

Split Complementary Color

#89962a
```
#89962a rgb(137,150,42)
```
#2a8996
```
#2a8996 rgb(42,137,150)
```
#962a89
```
#962a89 rgb(150,42,137)
```

Triadic Color

#2a9637
```
#2a9637 rgb(42,150,55)
```
#2a8996
```
#2a8996 rgb(42,137,150)
```
#962a89
```
#962a89 rgb(150,42,137)
```
#96372a
```
#96372a rgb(150,55,42)
```

Tetradic Color

#19525a
```
#19525a rgb(25,82,90)
```
#1f656e
```
#1f656e rgb(31,101,110)
```
#247782
```
#247782 rgb(36,119,130)
```
#2a8996
```
#2a8996 rgb(42,137,150)
```
#309baa
```
#309baa rgb(48,155,170)
```
#35adbe
```
#35adbe rgb(53,173,190)
```
#42baca
```
#42baca rgb(66,186,202)
```

Monochromatic Color

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

#2a9688
```
#2a9688 rgb(42,150,136)
```
#2a9691
```
#2a9691 rgb(42,150,145)
```
#2a9296
```
#2a9296 rgb(42,146,150)
```
#2a8996
```
#2a8996 rgb(42,137,150)
```
#2a8096
```
#2a8096 rgb(42,128,150)
```
#2a7796
```
#2a7796 rgb(42,119,150)
```
#2a6e96
```
#2a6e96 rgb(42,110,150)
```

Similar Colors

Text with hexadecimal color #2a8996

This text has a font color of #2a8996.

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

#2a8996 background color

This paragraph has a background color of #2a8996.

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

#2a8996 border color

This element has a border color of #2a8996.

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

CSS codes

.text {color:#2a8996;}

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

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

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

#030b0c
```
#030b0c rgb(3,11,12)
```
#08191b
```
#08191b rgb(8,25,27)
```
#0c272b
```
#0c272b rgb(12,39,43)
```
#10353a
```
#10353a rgb(16,53,58)
```
#154349
```
#154349 rgb(21,67,73)
```
#195159
```
#195159 rgb(25,81,89)
```
#1d5f68
```
#1d5f68 rgb(29,95,104)
```
#216d77
```
#216d77 rgb(33,109,119)
```
#267b87
```
#267b87 rgb(38,123,135)
```
#2a8996
```
#2a8996 rgb(42,137,150)
```
#2e97a5
```
#2e97a5 rgb(46,151,165)
```
#33a5b5
```
#33a5b5 rgb(51,165,181)
```
#37b3c4
```
#37b3c4 rgb(55,179,196)
```

Shade Color Variation

#44bacb
```
#44bacb rgb(68,186,203)
```
#53c0cf
```
#53c0cf rgb(83,192,207)
```
#63c6d3
```
#63c6d3 rgb(99,198,211)
```
#72cbd7
```
#72cbd7 rgb(114,203,215)
```
#81d1dc
```
#81d1dc rgb(129,209,220)
```
#90d6e0
```
#90d6e0 rgb(144,214,224)
```
#a0dce4
```
#a0dce4 rgb(160,220,228)
```
#afe2e9
```
#afe2e9 rgb(175,226,233)
```
#bee7ed
```
#bee7ed rgb(190,231,237)
```
#ceedf1
```
#ceedf1 rgb(206,237,241)
```
#ddf3f6
```
#ddf3f6 rgb(221,243,246)
```
#ecf8fa
```
#ecf8fa rgb(236,248,250)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5e6262 is the less saturated color, while #05a5bb is the most saturated one.

#5e6262
```
#5e6262 rgb(94,98,98)
```
#56676a
```
#56676a rgb(86,103,106)
```
#4f6d71
```
#4f6d71 rgb(79,109,113)
```
#487378
```
#487378 rgb(72,115,120)
```
#407880
```
#407880 rgb(64,120,128)
```
#397e87
```
#397e87 rgb(57,126,135)
```
#31838f
```
#31838f rgb(49,131,143)
```
#2a8996
```
#2a8996 rgb(42,137,150)
```
#238f9d
```
#238f9d rgb(35,143,157)
```
#1b94a5
```
#1b94a5 rgb(27,148,165)
```
#149aac
```
#149aac rgb(20,154,172)
```
#0c9fb4
```
#0c9fb4 rgb(12,159,180)
```
#05a5bb
```
#05a5bb rgb(5,165,187)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#607376 Atypical Achromatopsia 0.001% of the population

Dichromacy

#818394 Protanopia 1% of men
#8081a0 Deuteranopia 1% of men
#338f99 Tritanopia 0.001% of the population

Trichromacy

#618594 Protanomaly 1% of men, 0.01% of women
#61849c Deuteranomaly 6% of men, 0.4% of women
#308d98 Tritanomaly 0.01% of the population

#2a8996 hex color

#2a8996 Color Information

#2a8996 Color Conversion

Color Schemes with #2a8996

Alternatives to #2a8996

#2a8996 Preview

Shades and Tints of #2a8996

Tones of #2a8996

Color Blindness Simulator