#2a9180 hex color

In a RGB color space, hex #2a9180 is composed of 16.5% red, 56.9% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 0% magenta, 11.7% yellow and 43.1% black. It has a hue angle of 170.1 degrees, a saturation of 55.1% and a lightness of 36.7%. #2a9180 color hex could be obtained by blending #54ffff with #002301. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 16
- G 57
- B 50
RGB color chart
- C 71
- M 0
- Y 12
- K 43
CMYK color chart

● #2a9180 color description : Dark cyan.

The hexadecimal color #2a9180 has RGB values of R:42, G:145, B:128 and CMYK values of C:0.71, M:0, Y:0.12, K:0.43. Its decimal value is 2789760.

Hex triplet	2a9180	`#2a9180`
RGB Decimal	42, 145, 128	`rgb(42,145,128)`
RGB Percent	16.5, 56.9, 50.2	`rgb(16.5%,56.9%,50.2%)`
CMYK	71, 0, 12, 43
HSL	170.1°, 55.1, 36.7	`hsl(170.1,55.1%,36.7%)`
HSV (or HSB)	170.1°, 71, 56.9
Web Safe	339999	`#339999`

CIE-LAB	54.344, -33.155, 0.577
XYZ	14.975, 22.3, 23.936
xyY	0.245, 0.364, 22.3
CIE-LCH	54.344, 33.16, 179.002
CIE-LUV	54.344, -39.318, 5.698
Hunter-Lab	47.223, -26.035, 3.004
Binary	00101010, 10010001, 10000000

#2a9180
```
#2a9180 rgb(42,145,128)
```
#912a3b
```
#912a3b rgb(145,42,59)
```

Complementary Color

#2a914d
```
#2a914d rgb(42,145,77)
```
#2a9180
```
#2a9180 rgb(42,145,128)
```
#2a6f91
```
#2a6f91 rgb(42,111,145)
```

Analogous Color

#914d2a
```
#914d2a rgb(145,77,42)
```
#2a9180
```
#2a9180 rgb(42,145,128)
```
#912a6f
```
#912a6f rgb(145,42,111)
```

Split Complementary Color

#91802a
```
#91802a rgb(145,128,42)
```
#2a9180
```
#2a9180 rgb(42,145,128)
```
#802a91
```
#802a91 rgb(128,42,145)
```

Triadic Color

#3b912a
```
#3b912a rgb(59,145,42)
```
#2a9180
```
#2a9180 rgb(42,145,128)
```
#802a91
```
#802a91 rgb(128,42,145)
```
#912a3b
```
#912a3b rgb(145,42,59)
```

Tetradic Color

#19564c
```
#19564c rgb(25,86,76)
```
#1f695d
```
#1f695d rgb(31,105,93)
```
#247d6f
```
#247d6f rgb(36,125,111)
```
#2a9180
```
#2a9180 rgb(42,145,128)
```
#30a591
```
#30a591 rgb(48,165,145)
```
#35b9a3
```
#35b9a3 rgb(53,185,163)
```
#40c8b1
```
#40c8b1 rgb(64,200,177)
```

Monochromatic Color

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

#2a9166
```
#2a9166 rgb(42,145,102)
```
#2a916f
```
#2a916f rgb(42,145,111)
```
#2a9177
```
#2a9177 rgb(42,145,119)
```
#2a9180
```
#2a9180 rgb(42,145,128)
```
#2a9189
```
#2a9189 rgb(42,145,137)
```
#2a9191
```
#2a9191 rgb(42,145,145)
```
#2a8891
```
#2a8891 rgb(42,136,145)
```

Similar Colors

Text with hexadecimal color #2a9180

This text has a font color of #2a9180.

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

#2a9180 background color

This paragraph has a background color of #2a9180.

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

#2a9180 border color

This element has a border color of #2a9180.

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

CSS codes

.text {color:#2a9180;}

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

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

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

#020807
```
#020807 rgb(2,8,7)
```
#071715
```
#071715 rgb(7,23,21)
```
#0b2722
```
#0b2722 rgb(11,39,34)
```
#10362f
```
#10362f rgb(16,54,47)
```
#14453d
```
#14453d rgb(20,69,61)
```
#18544a
```
#18544a rgb(24,84,74)
```
#1d6358
```
#1d6358 rgb(29,99,88)
```
#217365
```
#217365 rgb(33,115,101)
```
#268273
```
#268273 rgb(38,130,115)
```
#2a9180
```
#2a9180 rgb(42,145,128)
```
#2ea08d
```
#2ea08d rgb(46,160,141)
```
#33af9b
```
#33af9b rgb(51,175,155)
```
#37bfa8
```
#37bfa8 rgb(55,191,168)
```

Shade Color Variation

#41c8b2
```
#41c8b2 rgb(65,200,178)
```
#51ccb8
```
#51ccb8 rgb(81,204,184)
```
#60d1be
```
#60d1be rgb(96,209,190)
```
#6fd5c4
```
#6fd5c4 rgb(111,213,196)
```
#7edacb
```
#7edacb rgb(126,218,203)
```
#8dded1
```
#8dded1 rgb(141,222,209)
```
#9de3d7
```
#9de3d7 rgb(157,227,215)
```
#ace7dd
```
#ace7dd rgb(172,231,221)
```
#bbebe3
```
#bbebe3 rgb(187,235,227)
```
#caf0ea
```
#caf0ea rgb(202,240,234)
```
#d9f4f0
```
#d9f4f0 rgb(217,244,240)
```
#e9f9f6
```
#e9f9f6 rgb(233,249,246)
```
#f8fdfc
```
#f8fdfc rgb(248,253,252)
```

Tint Color Variation

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

#5c5f5e
```
#5c5f5e rgb(92,95,94)
```
#556663
```
#556663 rgb(85,102,99)
```
#4e6d68
```
#4e6d68 rgb(78,109,104)
```
#47746d
```
#47746d rgb(71,116,109)
```
#407b72
```
#407b72 rgb(64,123,114)
```
#388376
```
#388376 rgb(56,131,118)
```
#318a7b
```
#318a7b rgb(49,138,123)
```
#2a9180
```
#2a9180 rgb(42,145,128)
```
#239885
```
#239885 rgb(35,152,133)
```
#1c9f8a
```
#1c9f8a rgb(28,159,138)
```
#14a78e
```
#14a78e rgb(20,167,142)
```
#0dae93
```
#0dae93 rgb(13,174,147)
```
#06b598
```
#06b598 rgb(6,181,152)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#627773 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d877f Protanopia 1% of men
#92848d Deuteranopia 1% of men
#43939e Tritanopia 0.001% of the population

Trichromacy

#698b7f Protanomaly 1% of men, 0.01% of women
#6c8988 Deuteranomaly 6% of men, 0.4% of women
#3a9293 Tritanomaly 0.01% of the population

#2a9180 hex color

#2a9180 Color Information

#2a9180 Color Conversion

Color Schemes with #2a9180

Alternatives to #2a9180

#2a9180 Preview

Shades and Tints of #2a9180

Tones of #2a9180

Color Blindness Simulator