#78a5a6 hex color

In a RGB color space, hex #78a5a6 is composed of 47.1% red, 64.7% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 27.7% cyan, 0.6% magenta, 0% yellow and 34.9% black. It has a hue angle of 181.3 degrees, a saturation of 20.5% and a lightness of 56.1%. #78a5a6 color hex could be obtained by blending #f0ffff with #004b4d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 47
- G 65
- B 65
RGB color chart
- C 28
- M 1
- Y 0
- K 35
CMYK color chart

● #78a5a6 color description : Mostly desaturated dark cyan.

The hexadecimal color #78a5a6 has RGB values of R:120, G:165, B:166 and CMYK values of C:0.28, M:0.01, Y:0, K:0.35. Its decimal value is 7906726.

Hex triplet	78a5a6	`#78a5a6`
RGB Decimal	120, 165, 166	`rgb(120,165,166)`
RGB Percent	47.1, 64.7, 65.1	`rgb(47.1%,64.7%,65.1%)`
CMYK	28, 1, 0, 35
HSL	181.3°, 20.5, 56.1	`hsl(181.3,20.5%,56.1%)`
HSV (or HSB)	181.3°, 27.7, 65.1
Web Safe	669999	`#669999`

CIE-LAB	64.688, -14.776, -5.413
XYZ	28.082, 33.655, 41.091
xyY	0.273, 0.327, 33.655
CIE-LCH	64.688, 15.736, 200.118
CIE-LUV	64.688, -22.416, -5.66
Hunter-Lab	58.013, -15.118, -1.386
Binary	01111000, 10100101, 10100110

#78a5a6
```
#78a5a6 rgb(120,165,166)
```
#a67978
```
#a67978 rgb(166,121,120)
```

Complementary Color

#78a690
```
#78a690 rgb(120,166,144)
```
#78a5a6
```
#78a5a6 rgb(120,165,166)
```
#788ea6
```
#788ea6 rgb(120,142,166)
```

Analogous Color

#a69078
```
#a69078 rgb(166,144,120)
```
#78a5a6
```
#78a5a6 rgb(120,165,166)
```
#a6788e
```
#a6788e rgb(166,120,142)
```

Split Complementary Color

#a5a678
```
#a5a678 rgb(165,166,120)
```
#78a5a6
```
#78a5a6 rgb(120,165,166)
```
#a678a5
```
#a678a5 rgb(166,120,165)
```

Triadic Color

#78a679
```
#78a679 rgb(120,166,121)
```
#78a5a6
```
#78a5a6 rgb(120,165,166)
```
#a678a5
```
#a678a5 rgb(166,120,165)
```
#a67978
```
#a67978 rgb(166,121,120)
```

Tetradic Color

#537d7e
```
#537d7e rgb(83,125,126)
```
#5d8d8e
```
#5d8d8e rgb(93,141,142)
```
#699b9c
```
#699b9c rgb(105,155,156)
```
#78a5a6
```
#78a5a6 rgb(120,165,166)
```
#87afb0
```
#87afb0 rgb(135,175,176)
```
#97b9ba
```
#97b9ba rgb(151,185,186)
```
#a6c4c4
```
#a6c4c4 rgb(166,196,196)
```

Monochromatic Color

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

#78a69c
```
#78a69c rgb(120,166,156)
```
#78a69f
```
#78a69f rgb(120,166,159)
```
#78a6a3
```
#78a6a3 rgb(120,166,163)
```
#78a5a6
```
#78a5a6 rgb(120,165,166)
```
#78a1a6
```
#78a1a6 rgb(120,161,166)
```
#789da6
```
#789da6 rgb(120,157,166)
```
#789aa6
```
#789aa6 rgb(120,154,166)
```

Similar Colors

Text with hexadecimal color #78a5a6

This text has a font color of #78a5a6.

<span style="color:#78a5a6;">Text here</span>

#78a5a6 background color

This paragraph has a background color of #78a5a6.

<p style="background-color:#78a5a6;">Content here</p>

#78a5a6 border color

This element has a border color of #78a5a6.

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

CSS codes

.text {color:#78a5a6;}

.background {background-color:#78a5a6;}

.border {border:1px solid #78a5a6;}

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

#050707
```
#050707 rgb(5,7,7)
```
#0c1313
```
#0c1313 rgb(12,19,19)
```
#141e1f
```
#141e1f rgb(20,30,31)
```
#1c2a2a
```
#1c2a2a rgb(28,42,42)
```
#243636
```
#243636 rgb(36,54,54)
```
#2b4142
```
#2b4142 rgb(43,65,66)
```
#334d4e
```
#334d4e rgb(51,77,78)
```
#3b595a
```
#3b595a rgb(59,89,90)
```
#436565
```
#436565 rgb(67,101,101)
```
#4b7071
```
#4b7071 rgb(75,112,113)
```
#527c7d
```
#527c7d rgb(82,124,125)
```
#5a8889
```
#5a8889 rgb(90,136,137)
```
#629495
```
#629495 rgb(98,148,149)
```

Shade Color Variation

#6c9d9e
```
#6c9d9e rgb(108,157,158)
```
#78a5a6
```
#78a5a6 rgb(120,165,166)
```
#84adae
```
#84adae rgb(132,173,174)
```
#90b5b6
```
#90b5b6 rgb(144,181,182)
```
#9bbdbd
```
#9bbdbd rgb(155,189,189)
```
#a7c5c5
```
#a7c5c5 rgb(167,197,197)
```
#b3cccd
```
#b3cccd rgb(179,204,205)
```
#bfd4d5
```
#bfd4d5 rgb(191,212,213)
```
#cbdcdd
```
#cbdcdd rgb(203,220,221)
```
#d7e4e4
```
#d7e4e4 rgb(215,228,228)
```
#e2ecec
```
#e2ecec rgb(226,236,236)
```
#eef4f4
```
#eef4f4 rgb(238,244,244)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

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

#899595
```
#899595 rgb(137,149,149)
```
#819d9d
```
#819d9d rgb(129,157,157)
```
#78a5a6
```
#78a5a6 rgb(120,165,166)
```
#6fadaf
```
#6fadaf rgb(111,173,175)
```
#67b5b7
```
#67b5b7 rgb(103,181,183)
```
#5ebec0
```
#5ebec0 rgb(94,190,192)
```
#56c6c8
```
#56c6c8 rgb(86,198,200)
```
#4dced1
```
#4dced1 rgb(77,206,209)
```
#44d6da
```
#44d6da rgb(68,214,218)
```
#3cdfe2
```
#3cdfe2 rgb(60,223,226)
```
#33e7eb
```
#33e7eb rgb(51,231,235)
```
#2aeff4
```
#2aeff4 rgb(42,239,244)
```
#22f7fc
```
#22f7fc rgb(34,247,252)
```

Tone Color Variation

Below, you can see how #78a5a6 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

#989898 Achromatopsia 0.005% of the population
#929b9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3a1a5 Protanopia 1% of men
#aa9dae Deuteranopia 1% of men
#81a8b4 Tritanopia 0.001% of the population

Trichromacy

#93a2a5 Protanomaly 1% of men, 0.01% of women
#98a0ab Deuteranomaly 6% of men, 0.4% of women
#7ea6af Tritanomaly 0.01% of the population

#78a5a6 hex color

#78a5a6 Color Information

#78a5a6 Color Conversion

Color Schemes with #78a5a6

Alternatives to #78a5a6

#78a5a6 Preview

Shades and Tints of #78a5a6

Tones of #78a5a6

Color Blindness Simulator