#2a7c78 hex color

In a RGB color space, hex #2a7c78 is composed of 16.5% red, 48.6% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 0% magenta, 3.2% yellow and 51.4% black. It has a hue angle of 177.1 degrees, a saturation of 49.4% and a lightness of 32.5%. #2a7c78 color hex could be obtained by blending #54f8f0 with #000000. Closest websafe color is: #336666.

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

● #2a7c78 color description : Dark moderate cyan.

The hexadecimal color #2a7c78 has RGB values of R:42, G:124, B:120 and CMYK values of C:0.66, M:0, Y:0.03, K:0.51. Its decimal value is 2784376.

Hex triplet	2a7c78	`#2a7c78`
RGB Decimal	42, 124, 120	`rgb(42,124,120)`
RGB Percent	16.5, 48.6, 47.1	`rgb(16.5%,48.6%,47.1%)`
CMYK	66, 0, 3, 51
HSL	177.1°, 49.4, 32.5	`hsl(177.1,49.4%,32.5%)`
HSV (or HSB)	177.1°, 66.1, 48.6
Web Safe	336666	`#336666`

CIE-LAB	47.317, -25.25, -5.085
XYZ	11.552, 16.263, 20.298
xyY	0.24, 0.338, 16.263
CIE-LCH	47.317, 25.757, 191.386
CIE-LUV	47.317, -31.861, -3.522
Hunter-Lab	40.327, -19.441, -1.615
Binary	00101010, 01111100, 01111000

#2a7c78
```
#2a7c78 rgb(42,124,120)
```
#7c2a2e
```
#7c2a2e rgb(124,42,46)
```

Complementary Color

#2a7c4f
```
#2a7c4f rgb(42,124,79)
```
#2a7c78
```
#2a7c78 rgb(42,124,120)
```
#2a577c
```
#2a577c rgb(42,87,124)
```

Analogous Color

#7c4f2a
```
#7c4f2a rgb(124,79,42)
```
#2a7c78
```
#2a7c78 rgb(42,124,120)
```
#7c2a57
```
#7c2a57 rgb(124,42,87)
```

Split Complementary Color

#7c782a
```
#7c782a rgb(124,120,42)
```
#2a7c78
```
#2a7c78 rgb(42,124,120)
```
#782a7c
```
#782a7c rgb(120,42,124)
```

Triadic Color

#2e7c2a
```
#2e7c2a rgb(46,124,42)
```
#2a7c78
```
#2a7c78 rgb(42,124,120)
```
#782a7c
```
#782a7c rgb(120,42,124)
```
#7c2a2e
```
#7c2a2e rgb(124,42,46)
```

Tetradic Color

#174341
```
#174341 rgb(23,67,65)
```
#1d5653
```
#1d5653 rgb(29,86,83)
```
#246966
```
#246966 rgb(36,105,102)
```
#2a7c78
```
#2a7c78 rgb(42,124,120)
```
#308f8a
```
#308f8a rgb(48,143,138)
```
#37a29d
```
#37a29d rgb(55,162,157)
```
#3db5af
```
#3db5af rgb(61,181,175)
```

Monochromatic Color

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

#2a7c64
```
#2a7c64 rgb(42,124,100)
```
#2a7c6a
```
#2a7c6a rgb(42,124,106)
```
#2a7c71
```
#2a7c71 rgb(42,124,113)
```
#2a7c78
```
#2a7c78 rgb(42,124,120)
```
#2a797c
```
#2a797c rgb(42,121,124)
```
#2a727c
```
#2a727c rgb(42,114,124)
```
#2a6c7c
```
#2a6c7c rgb(42,108,124)
```

Similar Colors

Text with hexadecimal color #2a7c78

This text has a font color of #2a7c78.

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

#2a7c78 background color

This paragraph has a background color of #2a7c78.

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

#2a7c78 border color

This element has a border color of #2a7c78.

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

CSS codes

.text {color:#2a7c78;}

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

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

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

#020707
```
#020707 rgb(2,7,7)
```
#071515
```
#071515 rgb(7,21,21)
```
#0c2423
```
#0c2423 rgb(12,36,35)
```
#113331
```
#113331 rgb(17,51,49)
```
#16413f
```
#16413f rgb(22,65,63)
```
#1b504d
```
#1b504d rgb(27,80,77)
```
#205f5c
```
#205f5c rgb(32,95,92)
```
#256d6a
```
#256d6a rgb(37,109,106)
```
#2a7c78
```
#2a7c78 rgb(42,124,120)
```
#2f8b86
```
#2f8b86 rgb(47,139,134)
```
#349994
```
#349994 rgb(52,153,148)
```
#39a8a3
```
#39a8a3 rgb(57,168,163)
```
#3eb7b1
```
#3eb7b1 rgb(62,183,177)
```

Shade Color Variation

#47c1bb
```
#47c1bb rgb(71,193,187)
```
#56c6c0
```
#56c6c0 rgb(86,198,192)
```
#65cbc6
```
#65cbc6 rgb(101,203,198)
```
#73d0cb
```
#73d0cb rgb(115,208,203)
```
#82d5d1
```
#82d5d1 rgb(130,213,209)
```
#91dad6
```
#91dad6 rgb(145,218,214)
```
#9fdfdb
```
#9fdfdb rgb(159,223,219)
```
#aee4e1
```
#aee4e1 rgb(174,228,225)
```
#bde8e6
```
#bde8e6 rgb(189,232,230)
```
#cbedec
```
#cbedec rgb(203,237,236)
```
#daf2f1
```
#daf2f1 rgb(218,242,241)
```
#e8f7f7
```
#e8f7f7 rgb(232,247,247)
```
#f7fcfc
```
#f7fcfc rgb(247,252,252)
```

Tint Color Variation

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

#505655
```
#505655 rgb(80,86,85)
```
#4a5c5b
```
#4a5c5b rgb(74,92,91)
```
#446261
```
#446261 rgb(68,98,97)
```
#3d6967
```
#3d6967 rgb(61,105,103)
```
#376f6c
```
#376f6c rgb(55,111,108)
```
#307672
```
#307672 rgb(48,118,114)
```
#2a7c78
```
#2a7c78 rgb(42,124,120)
```
#24827e
```
#24827e rgb(36,130,126)
```
#1d8984
```
#1d8984 rgb(29,137,132)
```
#178f89
```
#178f89 rgb(23,143,137)
```
#10968f
```
#10968f rgb(16,150,143)
```
#0a9c95
```
#0a9c95 rgb(10,156,149)
```
#04a29b
```
#04a29b rgb(4,162,155)
```

Tone Color Variation

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

#797778 Protanopia 1% of men
#7c7484 Deuteranopia 1% of men
#3b818a Tritanopia 0.001% of the population

Trichromacy

#5c7878 Protanomaly 1% of men, 0.01% of women
#5e777f Deuteranomaly 6% of men, 0.4% of women
#357f83 Tritanomaly 0.01% of the population

#2a7c78 hex color

#2a7c78 Color Information

#2a7c78 Color Conversion

Color Schemes with #2a7c78

Alternatives to #2a7c78

#2a7c78 Preview

Shades and Tints of #2a7c78

Tones of #2a7c78

Color Blindness Simulator