#2a7c77 hex color

In a RGB color space, hex #2a7c77 is composed of 16.5% red, 48.6% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 0% magenta, 4% yellow and 51.4% black. It has a hue angle of 176.3 degrees, a saturation of 49.4% and a lightness of 32.5%. #2a7c77 color hex could be obtained by blending #54f8ee with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 49
- B 47
RGB color chart
- C 66
- M 0
- Y 4
- K 51
CMYK color chart

● #2a7c77 color description : Dark moderate cyan.

The hexadecimal color #2a7c77 has RGB values of R:42, G:124, B:119 and CMYK values of C:0.66, M:0, Y:0.04, K:0.51. Its decimal value is 2784375.

Hex triplet	2a7c77	`#2a7c77`
RGB Decimal	42, 124, 119	`rgb(42,124,119)`
RGB Percent	16.5, 48.6, 46.7	`rgb(16.5%,48.6%,46.7%)`
CMYK	66, 0, 4, 51
HSL	176.3°, 49.4, 32.5	`hsl(176.3,49.4%,32.5%)`
HSV (or HSB)	176.3°, 66.1, 48.6
Web Safe	336666	`#336666`

CIE-LAB	47.286, -25.547, -4.539
XYZ	11.491, 16.238, 19.98
xyY	0.241, 0.34, 16.238
CIE-LCH	47.286, 25.947, 190.075
CIE-LUV	47.286, -31.918, -2.701
Hunter-Lab	40.297, -19.618, -1.19
Binary	00101010, 01111100, 01110111

#2a7c77
```
#2a7c77 rgb(42,124,119)
```
#7c2a2f
```
#7c2a2f rgb(124,42,47)
```

Complementary Color

#2a7c4e
```
#2a7c4e rgb(42,124,78)
```
#2a7c77
```
#2a7c77 rgb(42,124,119)
```
#2a587c
```
#2a587c rgb(42,88,124)
```

Analogous Color

#7c4e2a
```
#7c4e2a rgb(124,78,42)
```
#2a7c77
```
#2a7c77 rgb(42,124,119)
```
#7c2a58
```
#7c2a58 rgb(124,42,88)
```

Split Complementary Color

#7c772a
```
#7c772a rgb(124,119,42)
```
#2a7c77
```
#2a7c77 rgb(42,124,119)
```
#772a7c
```
#772a7c rgb(119,42,124)
```

Triadic Color

#2f7c2a
```
#2f7c2a rgb(47,124,42)
```
#2a7c77
```
#2a7c77 rgb(42,124,119)
```
#772a7c
```
#772a7c rgb(119,42,124)
```
#7c2a2f
```
#7c2a2f rgb(124,42,47)
```

Tetradic Color

#174340
```
#174340 rgb(23,67,64)
```
#1d5652
```
#1d5652 rgb(29,86,82)
```
#246965
```
#246965 rgb(36,105,101)
```
#2a7c77
```
#2a7c77 rgb(42,124,119)
```
#308f89
```
#308f89 rgb(48,143,137)
```
#37a29c
```
#37a29c rgb(55,162,156)
```
#3db5ae
```
#3db5ae rgb(61,181,174)
```

Monochromatic Color

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

#2a7c63
```
#2a7c63 rgb(42,124,99)
```
#2a7c69
```
#2a7c69 rgb(42,124,105)
```
#2a7c70
```
#2a7c70 rgb(42,124,112)
```
#2a7c77
```
#2a7c77 rgb(42,124,119)
```
#2a7a7c
```
#2a7a7c rgb(42,122,124)
```
#2a737c
```
#2a737c rgb(42,115,124)
```
#2a6d7c
```
#2a6d7c rgb(42,109,124)
```

Similar Colors

Text with hexadecimal color #2a7c77

This text has a font color of #2a7c77.

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

#2a7c77 background color

This paragraph has a background color of #2a7c77.

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

#2a7c77 border color

This element has a border color of #2a7c77.

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

CSS codes

.text {color:#2a7c77;}

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

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

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

#020707
```
#020707 rgb(2,7,7)
```
#071515
```
#071515 rgb(7,21,21)
```
#0c2423
```
#0c2423 rgb(12,36,35)
```
#113331
```
#113331 rgb(17,51,49)
```
#16413f
```
#16413f rgb(22,65,63)
```
#1b504d
```
#1b504d rgb(27,80,77)
```
#205f5b
```
#205f5b rgb(32,95,91)
```
#256d69
```
#256d69 rgb(37,109,105)
```
#2a7c77
```
#2a7c77 rgb(42,124,119)
```
#2f8b85
```
#2f8b85 rgb(47,139,133)
```
#349993
```
#349993 rgb(52,153,147)
```
#39a8a1
```
#39a8a1 rgb(57,168,161)
```
#3eb7af
```
#3eb7af rgb(62,183,175)
```

Shade Color Variation

#47c1b9
```
#47c1b9 rgb(71,193,185)
```
#56c6bf
```
#56c6bf rgb(86,198,191)
```
#65cbc4
```
#65cbc4 rgb(101,203,196)
```
#73d0ca
```
#73d0ca rgb(115,208,202)
```
#82d5d0
```
#82d5d0 rgb(130,213,208)
```
#91dad5
```
#91dad5 rgb(145,218,213)
```
#9fdfdb
```
#9fdfdb rgb(159,223,219)
```
#aee4e0
```
#aee4e0 rgb(174,228,224)
```
#bde8e6
```
#bde8e6 rgb(189,232,230)
```
#cbedeb
```
#cbedeb rgb(203,237,235)
```
#daf2f1
```
#daf2f1 rgb(218,242,241)
```
#e8f7f6
```
#e8f7f6 rgb(232,247,246)
```
#f7fcfc
```
#f7fcfc rgb(247,252,252)
```

Tint Color Variation

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

#505655
```
#505655 rgb(80,86,85)
```
#4a5c5b
```
#4a5c5b rgb(74,92,91)
```
#446261
```
#446261 rgb(68,98,97)
```
#3d6966
```
#3d6966 rgb(61,105,102)
```
#376f6c
```
#376f6c rgb(55,111,108)
```
#307671
```
#307671 rgb(48,118,113)
```
#2a7c77
```
#2a7c77 rgb(42,124,119)
```
#24827d
```
#24827d rgb(36,130,125)
```
#1d8982
```
#1d8982 rgb(29,137,130)
```
#178f88
```
#178f88 rgb(23,143,136)
```
#10968d
```
#10968d rgb(16,150,141)
```
#0a9c93
```
#0a9c93 rgb(10,156,147)
```
#04a299
```
#04a299 rgb(4,162,153)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#586867 Atypical Achromatopsia 0.001% of the population

Dichromacy

#797677 Protanopia 1% of men
#7d7483 Deuteranopia 1% of men
#3c808a Tritanopia 0.001% of the population

Trichromacy

#5c7877 Protanomaly 1% of men, 0.01% of women
#5e777e Deuteranomaly 6% of men, 0.4% of women
#357f83 Tritanomaly 0.01% of the population

#2a7c77 hex color

#2a7c77 Color Information

#2a7c77 Color Conversion

Color Schemes with #2a7c77

Alternatives to #2a7c77

#2a7c77 Preview

Shades and Tints of #2a7c77

Tones of #2a7c77

Color Blindness Simulator