#2a7a77 hex color

In a RGB color space, hex #2a7a77 is composed of 16.5% red, 47.8% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 0% magenta, 2.5% yellow and 52.2% black. It has a hue angle of 177.8 degrees, a saturation of 48.8% and a lightness of 32.2%. #2a7a77 color hex could be obtained by blending #54f4ee with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 48
- B 47
RGB color chart
- C 66
- M 0
- Y 2
- K 52
CMYK color chart

● #2a7a77 color description : Dark moderate cyan.

The hexadecimal color #2a7a77 has RGB values of R:42, G:122, B:119 and CMYK values of C:0.66, M:0, Y:0.02, K:0.52. Its decimal value is 2783863.

Hex triplet	2a7a77	`#2a7a77`
RGB Decimal	42, 122, 119	`rgb(42,122,119)`
RGB Percent	16.5, 47.8, 46.7	`rgb(16.5%,47.8%,46.7%)`
CMYK	66, 0, 2, 52
HSL	177.8°, 48.8, 32.2	`hsl(177.8,48.8%,32.2%)`
HSV (or HSB)	177.8°, 65.6, 47.8
Web Safe	336666	`#336666`

CIE-LAB	46.635, -24.532, -5.505
XYZ	11.243, 15.742, 19.898
xyY	0.24, 0.336, 15.742
CIE-LCH	46.635, 25.142, 192.647
CIE-LUV	46.635, -31.151, -4.209
Hunter-Lab	39.677, -18.852, -1.96
Binary	00101010, 01111010, 01110111

#2a7a77
```
#2a7a77 rgb(42,122,119)
```
#7a2a2d
```
#7a2a2d rgb(122,42,45)
```

Complementary Color

#2a7a4f
```
#2a7a4f rgb(42,122,79)
```
#2a7a77
```
#2a7a77 rgb(42,122,119)
```
#2a557a
```
#2a557a rgb(42,85,122)
```

Analogous Color

#7a4f2a
```
#7a4f2a rgb(122,79,42)
```
#2a7a77
```
#2a7a77 rgb(42,122,119)
```
#7a2a55
```
#7a2a55 rgb(122,42,85)
```

Split Complementary Color

#7a772a
```
#7a772a rgb(122,119,42)
```
#2a7a77
```
#2a7a77 rgb(42,122,119)
```
#772a7a
```
#772a7a rgb(119,42,122)
```

Triadic Color

#2d7a2a
```
#2d7a2a rgb(45,122,42)
```
#2a7a77
```
#2a7a77 rgb(42,122,119)
```
#772a7a
```
#772a7a rgb(119,42,122)
```
#7a2a2d
```
#7a2a2d rgb(122,42,45)
```

Tetradic Color

#16413f
```
#16413f rgb(22,65,63)
```
#1d5452
```
#1d5452 rgb(29,84,82)
```
#236764
```
#236764 rgb(35,103,100)
```
#2a7a77
```
#2a7a77 rgb(42,122,119)
```
#318d8a
```
#318d8a rgb(49,141,138)
```
#37a09c
```
#37a09c rgb(55,160,156)
```
#3eb3af
```
#3eb3af rgb(62,179,175)
```

Monochromatic Color

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

#2a7a63
```
#2a7a63 rgb(42,122,99)
```
#2a7a6a
```
#2a7a6a rgb(42,122,106)
```
#2a7a70
```
#2a7a70 rgb(42,122,112)
```
#2a7a77
```
#2a7a77 rgb(42,122,119)
```
#2a767a
```
#2a767a rgb(42,118,122)
```
#2a707a
```
#2a707a rgb(42,112,122)
```
#2a697a
```
#2a697a rgb(42,105,122)
```

Similar Colors

Text with hexadecimal color #2a7a77

This text has a font color of #2a7a77.

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

#2a7a77 background color

This paragraph has a background color of #2a7a77.

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

#2a7a77 border color

This element has a border color of #2a7a77.

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

CSS codes

.text {color:#2a7a77;}

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

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

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

#020505
```
#020505 rgb(2,5,5)
```
#071413
```
#071413 rgb(7,20,19)
```
#0c2222
```
#0c2222 rgb(12,34,34)
```
#113130
```
#113130 rgb(17,49,48)
```
#16403e
```
#16403e rgb(22,64,62)
```
#1b4e4c
```
#1b4e4c rgb(27,78,76)
```
#205d5b
```
#205d5b rgb(32,93,91)
```
#256b69
```
#256b69 rgb(37,107,105)
```
#2a7a77
```
#2a7a77 rgb(42,122,119)
```
#2f8985
```
#2f8985 rgb(47,137,133)
```
#349793
```
#349793 rgb(52,151,147)
```
#39a6a2
```
#39a6a2 rgb(57,166,162)
```
#3eb4b0
```
#3eb4b0 rgb(62,180,176)
```

Shade Color Variation

#47c0bb
```
#47c0bb rgb(71,192,187)
```
#55c5c0
```
#55c5c0 rgb(85,197,192)
```
#64cac6
```
#64cac6 rgb(100,202,198)
```
#72cfcb
```
#72cfcb rgb(114,207,203)
```
#81d4d1
```
#81d4d1 rgb(129,212,209)
```
#90d9d6
```
#90d9d6 rgb(144,217,214)
```
#9ededb
```
#9ededb rgb(158,222,219)
```
#ade3e1
```
#ade3e1 rgb(173,227,225)
```
#bbe8e6
```
#bbe8e6 rgb(187,232,230)
```
#caedeb
```
#caedeb rgb(202,237,235)
```
#d8f2f1
```
#d8f2f1 rgb(216,242,241)
```
#e7f7f6
```
#e7f7f6 rgb(231,247,246)
```
#f6fcfc
```
#f6fcfc rgb(246,252,252)
```

Tint Color Variation

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

#505454
```
#505454 rgb(80,84,84)
```
#4a5a5a
```
#4a5a5a rgb(74,90,90)
```
#436160
```
#436160 rgb(67,97,96)
```
#3d6765
```
#3d6765 rgb(61,103,101)
```
#376d6b
```
#376d6b rgb(55,109,107)
```
#307471
```
#307471 rgb(48,116,113)
```
#2a7a77
```
#2a7a77 rgb(42,122,119)
```
#24807d
```
#24807d rgb(36,128,125)
```
#1d8783
```
#1d8783 rgb(29,135,131)
```
#178d89
```
#178d89 rgb(23,141,137)
```
#11938e
```
#11938e rgb(17,147,142)
```
#0a9a94
```
#0a9a94 rgb(10,154,148)
```
#04a09a
```
#04a09a rgb(4,160,154)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#576766 Atypical Achromatopsia 0.001% of the population

Dichromacy

#777577 Protanopia 1% of men
#7a7383 Deuteranopia 1% of men
#3b7f88 Tritanopia 0.001% of the population

Trichromacy

#5b7777 Protanomaly 1% of men, 0.01% of women
#5d757e Deuteranomaly 6% of men, 0.4% of women
#347d82 Tritanomaly 0.01% of the population

#2a7a77 hex color

#2a7a77 Color Information

#2a7a77 Color Conversion

Color Schemes with #2a7a77

Alternatives to #2a7a77

#2a7a77 Preview

Shades and Tints of #2a7a77

Tones of #2a7a77

Color Blindness Simulator