#2a7a7f hex color

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

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

● #2a7a7f color description : Dark moderate cyan.

The hexadecimal color #2a7a7f has RGB values of R:42, G:122, B:127 and CMYK values of C:0.67, M:0.04, Y:0, K:0.5. Its decimal value is 2783871.

Hex triplet	2a7a7f	`#2a7a7f`
RGB Decimal	42, 122, 127	`rgb(42,122,127)`
RGB Percent	16.5, 47.8, 49.8	`rgb(16.5%,47.8%,49.8%)`
CMYK	67, 4, 0, 50
HSL	183.5°, 50.3, 33.1	`hsl(183.5,50.3%,33.1%)`
HSV (or HSB)	183.5°, 66.9, 49.8
Web Safe	336666	`#336666`

CIE-LAB	46.899, -22.08, -9.858
XYZ	11.744, 15.943, 22.536
xyY	0.234, 0.317, 15.943
CIE-LCH	46.899, 24.181, 204.058
CIE-LUV	46.899, -30.694, -10.868
Hunter-Lab	39.928, -17.372, -5.514
Binary	00101010, 01111010, 01111111

#2a7a7f
```
#2a7a7f rgb(42,122,127)
```
#7f2f2a
```
#7f2f2a rgb(127,47,42)
```

Complementary Color

#2a7f5a
```
#2a7f5a rgb(42,127,90)
```
#2a7a7f
```
#2a7a7f rgb(42,122,127)
```
#2a507f
```
#2a507f rgb(42,80,127)
```

Analogous Color

#7f592a
```
#7f592a rgb(127,89,42)
```
#2a7a7f
```
#2a7a7f rgb(42,122,127)
```
#7f2a50
```
#7f2a50 rgb(127,42,80)
```

Split Complementary Color

#7a7f2a
```
#7a7f2a rgb(122,127,42)
```
#2a7a7f
```
#2a7a7f rgb(42,122,127)
```
#7f2a7a
```
#7f2a7a rgb(127,42,122)
```

Triadic Color

#2a7f2f
```
#2a7f2f rgb(42,127,47)
```
#2a7a7f
```
#2a7a7f rgb(42,122,127)
```
#7f2a7a
```
#7f2a7a rgb(127,42,122)
```
#7f2f2a
```
#7f2f2a rgb(127,47,42)
```

Tetradic Color

#174346
```
#174346 rgb(23,67,70)
```
#1d5559
```
#1d5559 rgb(29,85,89)
```
#24686c
```
#24686c rgb(36,104,108)
```
#2a7a7f
```
#2a7a7f rgb(42,122,127)
```
#308c92
```
#308c92 rgb(48,140,146)
```
#379fa5
```
#379fa5 rgb(55,159,165)
```
#3db1b8
```
#3db1b8 rgb(61,177,184)
```

Monochromatic Color

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

#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)
```
#2a6c7f
```
#2a6c7f rgb(42,108,127)
```
#2a657f
```
#2a657f rgb(42,101,127)
```

Similar Colors

Text with hexadecimal color #2a7a7f

This text has a font color of #2a7a7f.

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

#2a7a7f background color

This paragraph has a background color of #2a7a7f.

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

#2a7a7f border color

This element has a border color of #2a7a7f.

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

CSS codes

.text {color:#2a7a7f;}

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

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

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)
```
#081718
```
#081718 rgb(8,23,24)
```
#0d2527
```
#0d2527 rgb(13,37,39)
```
#123335
```
#123335 rgb(18,51,53)
```
#174144
```
#174144 rgb(23,65,68)
```
#1b5053
```
#1b5053 rgb(27,80,83)
```
#205e62
```
#205e62 rgb(32,94,98)
```
#256c70
```
#256c70 rgb(37,108,112)
```
#2a7a7f
```
#2a7a7f rgb(42,122,127)
```
#2f888e
```
#2f888e rgb(47,136,142)
```
#34969c
```
#34969c rgb(52,150,156)
```
#39a4ab
```
#39a4ab rgb(57,164,171)
```
#3db3ba
```
#3db3ba rgb(61,179,186)
```

Shade Color Variation

#48bbc3
```
#48bbc3 rgb(72,187,195)
```
#57c1c8
```
#57c1c8 rgb(87,193,200)
```
#66c6cc
```
#66c6cc rgb(102,198,204)
```
#75ccd1
```
#75ccd1 rgb(117,204,209)
```
#83d1d6
```
#83d1d6 rgb(131,209,214)
```
#92d7db
```
#92d7db rgb(146,215,219)
```
#a1dce0
```
#a1dce0 rgb(161,220,224)
```
#b0e2e5
```
#b0e2e5 rgb(176,226,229)
```
#bee7ea
```
#bee7ea rgb(190,231,234)
```
#cdedef
```
#cdedef rgb(205,237,239)
```
#dcf2f3
```
#dcf2f3 rgb(220,242,243)
```
#ebf7f8
```
#ebf7f8 rgb(235,247,248)
```
#f9fdfd
```
#f9fdfd rgb(249,253,253)
```

Tint Color Variation

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

#515858
```
#515858 rgb(81,88,88)
```
#4b5d5f
```
#4b5d5f rgb(75,93,95)
```
#446365
```
#446365 rgb(68,99,101)
```
#3e696c
```
#3e696c rgb(62,105,108)
```
#376f72
```
#376f72 rgb(55,111,114)
```
#317479
```
#317479 rgb(49,116,121)
```
#2a7a7f
```
#2a7a7f rgb(42,122,127)
```
#248086
```
#248086 rgb(36,128,134)
```
#1d858c
```
#1d858c rgb(29,133,140)
```
#178b93
```
#178b93 rgb(23,139,147)
```
#109199
```
#109199 rgb(16,145,153)
```
#0a97a0
```
#0a97a0 rgb(10,151,160)
```
#039ca6
```
#039ca6 rgb(3,156,166)
```

Tone Color Variation

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

Dichromacy

#75757f Protanopia 1% of men
#77748a Deuteranopia 1% of men
#378089 Tritanopia 0.001% of the population

Trichromacy

#5a777f Protanomaly 1% of men, 0.01% of women
#5b7686 Deuteranomaly 6% of men, 0.4% of women
#327d85 Tritanomaly 0.01% of the population

#2a7a7f hex color

#2a7a7f Color Information

#2a7a7f Color Conversion

Color Schemes with #2a7a7f

Alternatives to #2a7a7f

#2a7a7f Preview

Shades and Tints of #2a7a7f

Tones of #2a7a7f

Color Blindness Simulator