#2a7f76 hex color

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

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

● #2a7f76 color description : Dark moderate cyan.

The hexadecimal color #2a7f76 has RGB values of R:42, G:127, B:118 and CMYK values of C:0.67, M:0, Y:0.07, K:0.5. Its decimal value is 2785142.

Hex triplet	2a7f76	`#2a7f76`
RGB Decimal	42, 127, 118	`rgb(42,127,118)`
RGB Percent	16.5, 49.8, 46.3	`rgb(16.5%,49.8%,46.3%)`
CMYK	67, 0, 7, 50
HSL	173.6°, 50.3, 33.1	`hsl(173.6,50.3%,33.1%)`
HSV (or HSB)	173.6°, 66.9, 49.8
Web Safe	336666	`#336666`

CIE-LAB	48.232, -27.339, -2.551
XYZ	11.813, 16.978, 19.793
xyY	0.243, 0.349, 16.978
CIE-LCH	48.232, 27.458, 185.33
CIE-LUV	48.232, -33.126, 0.363
Hunter-Lab	41.204, -20.932, 0.362
Binary	00101010, 01111111, 01110110

#2a7f76
```
#2a7f76 rgb(42,127,118)
```
#7f2a33
```
#7f2a33 rgb(127,42,51)
```

Complementary Color

#2a7f4c
```
#2a7f4c rgb(42,127,76)
```
#2a7f76
```
#2a7f76 rgb(42,127,118)
```
#2a5e7f
```
#2a5e7f rgb(42,94,127)
```

Analogous Color

#7f4c2a
```
#7f4c2a rgb(127,76,42)
```
#2a7f76
```
#2a7f76 rgb(42,127,118)
```
#7f2a5e
```
#7f2a5e rgb(127,42,94)
```

Split Complementary Color

#7f762a
```
#7f762a rgb(127,118,42)
```
#2a7f76
```
#2a7f76 rgb(42,127,118)
```
#762a7f
```
#762a7f rgb(118,42,127)
```

Triadic Color

#337f2a
```
#337f2a rgb(51,127,42)
```
#2a7f76
```
#2a7f76 rgb(42,127,118)
```
#762a7f
```
#762a7f rgb(118,42,127)
```
#7f2a33
```
#7f2a33 rgb(127,42,51)
```

Tetradic Color

#174641
```
#174641 rgb(23,70,65)
```
#1d5952
```
#1d5952 rgb(29,89,82)
```
#246c64
```
#246c64 rgb(36,108,100)
```
#2a7f76
```
#2a7f76 rgb(42,127,118)
```
#309288
```
#309288 rgb(48,146,136)
```
#37a59a
```
#37a59a rgb(55,165,154)
```
#3db8ab
```
#3db8ab rgb(61,184,171)
```

Monochromatic Color

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

#2a7f61
```
#2a7f61 rgb(42,127,97)
```
#2a7f68
```
#2a7f68 rgb(42,127,104)
```
#2a7f6f
```
#2a7f6f rgb(42,127,111)
```
#2a7f76
```
#2a7f76 rgb(42,127,118)
```
#2a7f7d
```
#2a7f7d rgb(42,127,125)
```
#2a7a7f
```
#2a7a7f rgb(42,122,127)
```
#2a737f
```
#2a737f rgb(42,115,127)
```

Similar Colors

Text with hexadecimal color #2a7f76

This text has a font color of #2a7f76.

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

#2a7f76 background color

This paragraph has a background color of #2a7f76.

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

#2a7f76 border color

This element has a border color of #2a7f76.

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

CSS codes

.text {color:#2a7f76;}

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

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

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

#030908
```
#030908 rgb(3,9,8)
```
#081816
```
#081816 rgb(8,24,22)
```
#0d2724
```
#0d2724 rgb(13,39,36)
```
#123532
```
#123532 rgb(18,53,50)
```
#17443f
```
#17443f rgb(23,68,63)
```
#1b534d
```
#1b534d rgb(27,83,77)
```
#20625b
```
#20625b rgb(32,98,91)
```
#257068
```
#257068 rgb(37,112,104)
```
#2a7f76
```
#2a7f76 rgb(42,127,118)
```
#2f8e84
```
#2f8e84 rgb(47,142,132)
```
#349c91
```
#349c91 rgb(52,156,145)
```
#39ab9f
```
#39ab9f rgb(57,171,159)
```
#3dbaad
```
#3dbaad rgb(61,186,173)
```

Shade Color Variation

#48c3b6
```
#48c3b6 rgb(72,195,182)
```
#57c8bc
```
#57c8bc rgb(87,200,188)
```
#66ccc2
```
#66ccc2 rgb(102,204,194)
```
#75d1c7
```
#75d1c7 rgb(117,209,199)
```
#83d6cd
```
#83d6cd rgb(131,214,205)
```
#92dbd3
```
#92dbd3 rgb(146,219,211)
```
#a1e0d9
```
#a1e0d9 rgb(161,224,217)
```
#b0e5df
```
#b0e5df rgb(176,229,223)
```
#beeae5
```
#beeae5 rgb(190,234,229)
```
#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 #03a695 is the most saturated one.

#515857
```
#515857 rgb(81,88,87)
```
#4b5f5c
```
#4b5f5c rgb(75,95,92)
```
#446562
```
#446562 rgb(68,101,98)
```
#3e6c67
```
#3e6c67 rgb(62,108,103)
```
#37726c
```
#37726c rgb(55,114,108)
```
#317971
```
#317971 rgb(49,121,113)
```
#2a7f76
```
#2a7f76 rgb(42,127,118)
```
#24867b
```
#24867b rgb(36,134,123)
```
#1d8c80
```
#1d8c80 rgb(29,140,128)
```
#179385
```
#179385 rgb(23,147,133)
```
#10998a
```
#10998a rgb(16,153,138)
```
#0aa090
```
#0aa090 rgb(10,160,144)
```
#03a695
```
#03a695 rgb(3,166,149)
```

Tone Color Variation

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

Dichromacy

#7c7976 Protanopia 1% of men
#807682 Deuteranopia 1% of men
#3e838c Tritanopia 0.001% of the population

Trichromacy

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

#2a7f76 hex color

#2a7f76 Color Information

#2a7f76 Color Conversion

Color Schemes with #2a7f76

Alternatives to #2a7f76

#2a7f76 Preview

Shades and Tints of #2a7f76

Tones of #2a7f76

Color Blindness Simulator