#2a7e80 hex color

In a RGB color space, hex #2a7e80 is composed of 16.5% red, 49.4% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 1.6% magenta, 0% yellow and 49.8% black. It has a hue angle of 181.4 degrees, a saturation of 50.6% and a lightness of 33.3%. #2a7e80 color hex could be obtained by blending #54fcff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 49
- B 50
RGB color chart
- C 67
- M 2
- Y 0
- K 50
CMYK color chart

● #2a7e80 color description : Dark moderate cyan.

The hexadecimal color #2a7e80 has RGB values of R:42, G:126, B:128 and CMYK values of C:0.67, M:0.02, Y:0, K:0.5. Its decimal value is 2784896.

Hex triplet	2a7e80	`#2a7e80`
RGB Decimal	42, 126, 128	`rgb(42,126,128)`
RGB Percent	16.5, 49.4, 50.2	`rgb(16.5%,49.4%,50.2%)`
CMYK	67, 2, 0, 50
HSL	181.4°, 50.6, 33.3	`hsl(181.4,50.6%,33.3%)`
HSV (or HSB)	181.4°, 67.2, 50.2
Web Safe	336699	`#336699`

CIE-LAB	48.224, -23.848, -8.463
XYZ	12.311, 16.971, 23.048
xyY	0.235, 0.324, 16.971
CIE-LCH	48.224, 25.305, 199.538
CIE-LUV	48.224, -32.157, -8.639
Hunter-Lab	41.196, -18.752, -4.333
Binary	00101010, 01111110, 10000000

#2a7e80
```
#2a7e80 rgb(42,126,128)
```
#802c2a
```
#802c2a rgb(128,44,42)
```

Complementary Color

#2a8057
```
#2a8057 rgb(42,128,87)
```
#2a7e80
```
#2a7e80 rgb(42,126,128)
```
#2a5380
```
#2a5380 rgb(42,83,128)
```

Analogous Color

#80572a
```
#80572a rgb(128,87,42)
```
#2a7e80
```
#2a7e80 rgb(42,126,128)
```
#802a53
```
#802a53 rgb(128,42,83)
```

Split Complementary Color

#7e802a
```
#7e802a rgb(126,128,42)
```
#2a7e80
```
#2a7e80 rgb(42,126,128)
```
#802a7e
```
#802a7e rgb(128,42,126)
```

Triadic Color

#2a802c
```
#2a802c rgb(42,128,44)
```
#2a7e80
```
#2a7e80 rgb(42,126,128)
```
#802a7e
```
#802a7e rgb(128,42,126)
```
#802c2a
```
#802c2a rgb(128,44,42)
```

Tetradic Color

#174546
```
#174546 rgb(23,69,70)
```
#1d585a
```
#1d585a rgb(29,88,90)
```
#246b6d
```
#246b6d rgb(36,107,109)
```
#2a7e80
```
#2a7e80 rgb(42,126,128)
```
#309193
```
#309193 rgb(48,145,147)
```
#37a4a6
```
#37a4a6 rgb(55,164,166)
```
#3db7ba
```
#3db7ba rgb(61,183,186)
```

Monochromatic Color

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

#2a806d
```
#2a806d rgb(42,128,109)
```
#2a8074
```
#2a8074 rgb(42,128,116)
```
#2a807b
```
#2a807b rgb(42,128,123)
```
#2a7e80
```
#2a7e80 rgb(42,126,128)
```
#2a7780
```
#2a7780 rgb(42,119,128)
```
#2a7080
```
#2a7080 rgb(42,112,128)
```
#2a6980
```
#2a6980 rgb(42,105,128)
```

Similar Colors

Text with hexadecimal color #2a7e80

This text has a font color of #2a7e80.

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

#2a7e80 background color

This paragraph has a background color of #2a7e80.

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

#2a7e80 border color

This element has a border color of #2a7e80.

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

CSS codes

.text {color:#2a7e80;}

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

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

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

#030a0a
```
#030a0a rgb(3,10,10)
```
#081819
```
#081819 rgb(8,24,25)
```
#0d2727
```
#0d2727 rgb(13,39,39)
```
#123536
```
#123536 rgb(18,53,54)
```
#174445
```
#174445 rgb(23,68,69)
```
#1b5254
```
#1b5254 rgb(27,82,84)
```
#206162
```
#206162 rgb(32,97,98)
```
#256f71
```
#256f71 rgb(37,111,113)
```
#2a7e80
```
#2a7e80 rgb(42,126,128)
```
#2f8d8f
```
#2f8d8f rgb(47,141,143)
```
#349b9e
```
#349b9e rgb(52,155,158)
```
#39aaac
```
#39aaac rgb(57,170,172)
```
#3db8bb
```
#3db8bb rgb(61,184,187)
```

Shade Color Variation

#49c0c3
```
#49c0c3 rgb(73,192,195)
```
#58c5c8
```
#58c5c8 rgb(88,197,200)
```
#66cbcd
```
#66cbcd rgb(102,203,205)
```
#75d0d2
```
#75d0d2 rgb(117,208,210)
```
#84d5d7
```
#84d5d7 rgb(132,213,215)
```
#93dadb
```
#93dadb rgb(147,218,219)
```
#a1dfe0
```
#a1dfe0 rgb(161,223,224)
```
#b0e4e5
```
#b0e4e5 rgb(176,228,229)
```
#bfe9ea
```
#bfe9ea rgb(191,233,234)
```
#ceeeef
```
#ceeeef rgb(206,238,239)
```
#ddf3f4
```
#ddf3f4 rgb(221,243,244)
```
#ebf8f9
```
#ebf8f9 rgb(235,248,249)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

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

#515959
```
#515959 rgb(81,89,89)
```
#4b5f5f
```
#4b5f5f rgb(75,95,95)
```
#446566
```
#446566 rgb(68,101,102)
```
#3e6b6c
```
#3e6b6c rgb(62,107,108)
```
#377273
```
#377273 rgb(55,114,115)
```
#317879
```
#317879 rgb(49,120,121)
```
#2a7e80
```
#2a7e80 rgb(42,126,128)
```
#238487
```
#238487 rgb(35,132,135)
```
#1d8a8d
```
#1d8a8d rgb(29,138,141)
```
#169194
```
#169194 rgb(22,145,148)
```
#10979a
```
#10979a rgb(16,151,154)
```
#099da1
```
#099da1 rgb(9,157,161)
```
#03a3a7
```
#03a3a7 rgb(3,163,167)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#596a6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#797980 Protanopia 1% of men
#7c778b Deuteranopia 1% of men
#39838d Tritanopia 0.001% of the population

Trichromacy

#5c7a80 Protanomaly 1% of men, 0.01% of women
#5e7987 Deuteranomaly 6% of men, 0.4% of women
#338188 Tritanomaly 0.01% of the population

#2a7e80 hex color

#2a7e80 Color Information

#2a7e80 Color Conversion

Color Schemes with #2a7e80

Alternatives to #2a7e80

#2a7e80 Preview

Shades and Tints of #2a7e80

Tones of #2a7e80

Color Blindness Simulator