#2a7d76 hex color

In a RGB color space, hex #2a7d76 is composed of 16.5% red, 49% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 66.4% cyan, 0% magenta, 5.6% yellow and 51% black. It has a hue angle of 174.9 degrees, a saturation of 49.7% and a lightness of 32.7%. #2a7d76 color hex could be obtained by blending #54faec with #000000. Closest websafe color is: #336666.

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

● #2a7d76 color description : Dark moderate cyan.

The hexadecimal color #2a7d76 has RGB values of R:42, G:125, B:118 and CMYK values of C:0.66, M:0, Y:0.06, K:0.51. Its decimal value is 2784630.

Hex triplet	2a7d76	`#2a7d76`
RGB Decimal	42, 125, 118	`rgb(42,125,118)`
RGB Percent	16.5, 49, 46.3	`rgb(16.5%,49%,46.3%)`
CMYK	66, 0, 6, 51
HSL	174.9°, 49.7, 32.7	`hsl(174.9,49.7%,32.7%)`
HSV (or HSB)	174.9°, 66.4, 49
Web Safe	336666	`#336666`

CIE-LAB	47.581, -26.344, -3.511
XYZ	11.557, 16.466, 19.708
xyY	0.242, 0.345, 16.466
CIE-LCH	47.581, 26.577, 187.592
CIE-LUV	47.581, -32.36, -1.133
Hunter-Lab	40.579, -20.174, -0.39
Binary	00101010, 01111101, 01110110

#2a7d76
```
#2a7d76 rgb(42,125,118)
```
#7d2a31
```
#7d2a31 rgb(125,42,49)
```

Complementary Color

#2a7d4d
```
#2a7d4d rgb(42,125,77)
```
#2a7d76
```
#2a7d76 rgb(42,125,118)
```
#2a5a7d
```
#2a5a7d rgb(42,90,125)
```

Analogous Color

#7d4d2a
```
#7d4d2a rgb(125,77,42)
```
#2a7d76
```
#2a7d76 rgb(42,125,118)
```
#7d2a5a
```
#7d2a5a rgb(125,42,90)
```

Split Complementary Color

#7d762a
```
#7d762a rgb(125,118,42)
```
#2a7d76
```
#2a7d76 rgb(42,125,118)
```
#762a7d
```
#762a7d rgb(118,42,125)
```

Triadic Color

#317d2a
```
#317d2a rgb(49,125,42)
```
#2a7d76
```
#2a7d76 rgb(42,125,118)
```
#762a7d
```
#762a7d rgb(118,42,125)
```
#7d2a31
```
#7d2a31 rgb(125,42,49)
```

Tetradic Color

#174440
```
#174440 rgb(23,68,64)
```
#1d5752
```
#1d5752 rgb(29,87,82)
```
#246a64
```
#246a64 rgb(36,106,100)
```
#2a7d76
```
#2a7d76 rgb(42,125,118)
```
#309088
```
#309088 rgb(48,144,136)
```
#37a39a
```
#37a39a rgb(55,163,154)
```
#3db6ac
```
#3db6ac rgb(61,182,172)
```

Monochromatic Color

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

#2a7d61
```
#2a7d61 rgb(42,125,97)
```
#2a7d68
```
#2a7d68 rgb(42,125,104)
```
#2a7d6f
```
#2a7d6f rgb(42,125,111)
```
#2a7d76
```
#2a7d76 rgb(42,125,118)
```
#2a7d7d
```
#2a7d7d rgb(42,125,125)
```
#2a767d
```
#2a767d rgb(42,118,125)
```
#2a6f7d
```
#2a6f7d rgb(42,111,125)
```

Similar Colors

Text with hexadecimal color #2a7d76

This text has a font color of #2a7d76.

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

#2a7d76 background color

This paragraph has a background color of #2a7d76.

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

#2a7d76 border color

This element has a border color of #2a7d76.

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

CSS codes

.text {color:#2a7d76;}

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

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

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

#030807
```
#030807 rgb(3,8,7)
```
#071615
```
#071615 rgb(7,22,21)
```
#0c2523
```
#0c2523 rgb(12,37,35)
```
#113431
```
#113431 rgb(17,52,49)
```
#16423f
```
#16423f rgb(22,66,63)
```
#1b514c
```
#1b514c rgb(27,81,76)
```
#20605a
```
#20605a rgb(32,96,90)
```
#256e68
```
#256e68 rgb(37,110,104)
```
#2a7d76
```
#2a7d76 rgb(42,125,118)
```
#2f8c84
```
#2f8c84 rgb(47,140,132)
```
#349a92
```
#349a92 rgb(52,154,146)
```
#39a9a0
```
#39a9a0 rgb(57,169,160)
```
#3eb8ad
```
#3eb8ad rgb(62,184,173)
```

Shade Color Variation

#48c1b7
```
#48c1b7 rgb(72,193,183)
```
#56c6bd
```
#56c6bd rgb(86,198,189)
```
#65cbc3
```
#65cbc3 rgb(101,203,195)
```
#74d0c8
```
#74d0c8 rgb(116,208,200)
```
#82d5ce
```
#82d5ce rgb(130,213,206)
```
#91dad4
```
#91dad4 rgb(145,218,212)
```
#a0dfda
```
#a0dfda rgb(160,223,218)
```
#aee4df
```
#aee4df rgb(174,228,223)
```
#bde9e5
```
#bde9e5 rgb(189,233,229)
```
#cceeeb
```
#cceeeb rgb(204,238,235)
```
#daf3f1
```
#daf3f1 rgb(218,243,241)
```
#e9f8f6
```
#e9f8f6 rgb(233,248,246)
```
#f8fdfc
```
#f8fdfc rgb(248,253,252)
```

Tint Color Variation

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

#515656
```
#515656 rgb(81,86,86)
```
#4a5d5b
```
#4a5d5b rgb(74,93,91)
```
#446361
```
#446361 rgb(68,99,97)
```
#3d6a66
```
#3d6a66 rgb(61,106,102)
```
#37706b
```
#37706b rgb(55,112,107)
```
#307771
```
#307771 rgb(48,119,113)
```
#2a7d76
```
#2a7d76 rgb(42,125,118)
```
#24837b
```
#24837b rgb(36,131,123)
```
#1d8a81
```
#1d8a81 rgb(29,138,129)
```
#179086
```
#179086 rgb(23,144,134)
```
#10978b
```
#10978b rgb(16,151,139)
```
#0a9d91
```
#0a9d91 rgb(10,157,145)
```
#03a496
```
#03a496 rgb(3,164,150)
```

Tone Color Variation

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

#7a7776 Protanopia 1% of men
#7e7582 Deuteranopia 1% of men
#3d818b Tritanopia 0.001% of the population

Trichromacy

#5d7976 Protanomaly 1% of men, 0.01% of women
#5f787d Deuteranomaly 6% of men, 0.4% of women
#367f83 Tritanomaly 0.01% of the population

#2a7d76 hex color

#2a7d76 Color Information

#2a7d76 Color Conversion

Color Schemes with #2a7d76

Alternatives to #2a7d76

#2a7d76 Preview

Shades and Tints of #2a7d76

Tones of #2a7d76

Color Blindness Simulator