#2a7f77 hex color

In a RGB color space, hex #2a7f77 is composed of 16.5% red, 49.8% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 0% magenta, 6.3% yellow and 50.2% black. It has a hue angle of 174.4 degrees, a saturation of 50.3% and a lightness of 33.1%. #2a7f77 color hex could be obtained by blending #54feee with #000000. Closest websafe color is: #336666.

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

● #2a7f77 color description : Dark moderate cyan.

The hexadecimal color #2a7f77 has RGB values of R:42, G:127, B:119 and CMYK values of C:0.67, M:0, Y:0.06, K:0.5. Its decimal value is 2785143.

Hex triplet	2a7f77	`#2a7f77`
RGB Decimal	42, 127, 119	`rgb(42,127,119)`
RGB Percent	16.5, 49.8, 46.7	`rgb(16.5%,49.8%,46.7%)`
CMYK	67, 0, 6, 50
HSL	174.4°, 50.3, 33.1	`hsl(174.4,50.3%,33.1%)`
HSV (or HSB)	174.4°, 66.9, 49.8
Web Safe	336666	`#336666`

CIE-LAB	48.262, -27.049, -3.096
XYZ	11.873, 17.002, 20.108
xyY	0.242, 0.347, 17.002
CIE-LCH	48.262, 27.225, 186.529
CIE-LUV	48.262, -33.067, -0.449
Hunter-Lab	41.233, -20.76, -0.05
Binary	00101010, 01111111, 01110111

#2a7f77
```
#2a7f77 rgb(42,127,119)
```
#7f2a32
```
#7f2a32 rgb(127,42,50)
```

Complementary Color

#2a7f4d
```
#2a7f4d rgb(42,127,77)
```
#2a7f77
```
#2a7f77 rgb(42,127,119)
```
#2a5d7f
```
#2a5d7f rgb(42,93,127)
```

Analogous Color

#7f4d2a
```
#7f4d2a rgb(127,77,42)
```
#2a7f77
```
#2a7f77 rgb(42,127,119)
```
#7f2a5d
```
#7f2a5d rgb(127,42,93)
```

Split Complementary Color

#7f772a
```
#7f772a rgb(127,119,42)
```
#2a7f77
```
#2a7f77 rgb(42,127,119)
```
#772a7f
```
#772a7f rgb(119,42,127)
```

Triadic Color

#327f2a
```
#327f2a rgb(50,127,42)
```
#2a7f77
```
#2a7f77 rgb(42,127,119)
```
#772a7f
```
#772a7f rgb(119,42,127)
```
#7f2a32
```
#7f2a32 rgb(127,42,50)
```

Tetradic Color

#174641
```
#174641 rgb(23,70,65)
```
#1d5953
```
#1d5953 rgb(29,89,83)
```
#246c65
```
#246c65 rgb(36,108,101)
```
#2a7f77
```
#2a7f77 rgb(42,127,119)
```
#309289
```
#309289 rgb(48,146,137)
```
#37a59b
```
#37a59b rgb(55,165,155)
```
#3db8ad
```
#3db8ad rgb(61,184,173)
```

Monochromatic Color

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

#2a7f62
```
#2a7f62 rgb(42,127,98)
```
#2a7f69
```
#2a7f69 rgb(42,127,105)
```
#2a7f70
```
#2a7f70 rgb(42,127,112)
```
#2a7f77
```
#2a7f77 rgb(42,127,119)
```
#2a7f7e
```
#2a7f7e rgb(42,127,126)
```
#2a797f
```
#2a797f rgb(42,121,127)
```
#2a727f
```
#2a727f rgb(42,114,127)
```

Similar Colors

Text with hexadecimal color #2a7f77

This text has a font color of #2a7f77.

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

#2a7f77 background color

This paragraph has a background color of #2a7f77.

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

#2a7f77 border color

This element has a border color of #2a7f77.

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

CSS codes

.text {color:#2a7f77;}

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

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

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

#030909
```
#030909 rgb(3,9,9)
```
#081816
```
#081816 rgb(8,24,22)
```
#0d2724
```
#0d2724 rgb(13,39,36)
```
#123532
```
#123532 rgb(18,53,50)
```
#174440
```
#174440 rgb(23,68,64)
```
#1b534e
```
#1b534e rgb(27,83,78)
```
#20625b
```
#20625b rgb(32,98,91)
```
#257069
```
#257069 rgb(37,112,105)
```
#2a7f77
```
#2a7f77 rgb(42,127,119)
```
#2f8e85
```
#2f8e85 rgb(47,142,133)
```
#349c93
```
#349c93 rgb(52,156,147)
```
#39aba0
```
#39aba0 rgb(57,171,160)
```
#3dbaae
```
#3dbaae rgb(61,186,174)
```

Shade Color Variation

#48c3b7
```
#48c3b7 rgb(72,195,183)
```
#57c8bd
```
#57c8bd rgb(87,200,189)
```
#66ccc3
```
#66ccc3 rgb(102,204,195)
```
#75d1c9
```
#75d1c9 rgb(117,209,201)
```
#83d6ce
```
#83d6ce rgb(131,214,206)
```
#92dbd4
```
#92dbd4 rgb(146,219,212)
```
#a1e0da
```
#a1e0da rgb(161,224,218)
```
#b0e5e0
```
#b0e5e0 rgb(176,229,224)
```
#beeae6
```
#beeae6 rgb(190,234,230)
```
#cdefeb
```
#cdefeb rgb(205,239,235)
```
#dcf3f1
```
#dcf3f1 rgb(220,243,241)
```
#ebf8f7
```
#ebf8f7 rgb(235,248,247)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#515857
```
#515857 rgb(81,88,87)
```
#4b5f5d
```
#4b5f5d rgb(75,95,93)
```
#446562
```
#446562 rgb(68,101,98)
```
#3e6c67
```
#3e6c67 rgb(62,108,103)
```
#37726c
```
#37726c rgb(55,114,108)
```
#317972
```
#317972 rgb(49,121,114)
```
#2a7f77
```
#2a7f77 rgb(42,127,119)
```
#24867c
```
#24867c rgb(36,134,124)
```
#1d8c82
```
#1d8c82 rgb(29,140,130)
```
#179387
```
#179387 rgb(23,147,135)
```
#10998c
```
#10998c rgb(16,153,140)
```
#0aa091
```
#0aa091 rgb(10,160,145)
```
#03a697
```
#03a697 rgb(3,166,151)
```

Tone Color Variation

Below, you can see how #2a7f77 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
#596a69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7977 Protanopia 1% of men
#807683 Deuteranopia 1% of men
#3d838c Tritanopia 0.001% of the population

Trichromacy

#5e7b77 Protanomaly 1% of men, 0.01% of women
#61797e Deuteranomaly 6% of men, 0.4% of women
#368184 Tritanomaly 0.01% of the population

#2a7f77 hex color

#2a7f77 Color Information

#2a7f77 Color Conversion

Color Schemes with #2a7f77

Alternatives to #2a7f77

#2a7f77 Preview

Shades and Tints of #2a7f77

Tones of #2a7f77

Color Blindness Simulator