#78aaa2 hex color

In a RGB color space, hex #78aaa2 is composed of 47.1% red, 66.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 0% magenta, 4.7% yellow and 33.3% black. It has a hue angle of 170.4 degrees, a saturation of 22.7% and a lightness of 56.9%. #78aaa2 color hex could be obtained by blending #f0ffff with #005545. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 47
- G 67
- B 64
RGB color chart
- C 29
- M 0
- Y 5
- K 33
CMYK color chart

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

The hexadecimal color #78aaa2 has RGB values of R:120, G:170, B:162 and CMYK values of C:0.29, M:0, Y:0.05, K:0.33. Its decimal value is 7908002.

Hex triplet	78aaa2	`#78aaa2`
RGB Decimal	120, 170, 162	`rgb(120,170,162)`
RGB Percent	47.1, 66.7, 63.5	`rgb(47.1%,66.7%,63.5%)`
CMYK	29, 0, 5, 33
HSL	170.4°, 22.7, 56.9	`hsl(170.4,22.7%,56.9%)`
HSV (or HSB)	170.4°, 29.4, 66.7
Web Safe	669999	`#669999`

CIE-LAB	66.02, -18.326, -1.22
XYZ	28.64, 35.35, 39.495
xyY	0.277, 0.342, 35.35
CIE-LCH	66.02, 18.366, 183.807
CIE-LUV	66.02, -24.644, 1.154
Hunter-Lab	59.456, -18.063, 2.235
Binary	01111000, 10101010, 10100010

#78aaa2
```
#78aaa2 rgb(120,170,162)
```
#aa7880
```
#aa7880 rgb(170,120,128)
```

Complementary Color

#78aa89
```
#78aa89 rgb(120,170,137)
```
#78aaa2
```
#78aaa2 rgb(120,170,162)
```
#7899aa
```
#7899aa rgb(120,153,170)
```

Analogous Color

#aa8978
```
#aa8978 rgb(170,137,120)
```
#78aaa2
```
#78aaa2 rgb(120,170,162)
```
#aa7899
```
#aa7899 rgb(170,120,153)
```

Split Complementary Color

#aaa278
```
#aaa278 rgb(170,162,120)
```
#78aaa2
```
#78aaa2 rgb(120,170,162)
```
#a278aa
```
#a278aa rgb(162,120,170)
```

Triadic Color

#80aa78
```
#80aa78 rgb(128,170,120)
```
#78aaa2
```
#78aaa2 rgb(120,170,162)
```
#a278aa
```
#a278aa rgb(162,120,170)
```
#aa7880
```
#aa7880 rgb(170,120,128)
```

Tetradic Color

#52837b
```
#52837b rgb(82,131,123)
```
#5c938a
```
#5c938a rgb(92,147,138)
```
#68a097
```
#68a097 rgb(104,160,151)
```
#78aaa2
```
#78aaa2 rgb(120,170,162)
```
#88b4ad
```
#88b4ad rgb(136,180,173)
```
#97beb8
```
#97beb8 rgb(151,190,184)
```
#a7c8c2
```
#a7c8c2 rgb(167,200,194)
```

Monochromatic Color

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

#78aa96
```
#78aa96 rgb(120,170,150)
```
#78aa9a
```
#78aa9a rgb(120,170,154)
```
#78aa9e
```
#78aa9e rgb(120,170,158)
```
#78aaa2
```
#78aaa2 rgb(120,170,162)
```
#78aaa6
```
#78aaa6 rgb(120,170,166)
```
#78aaaa
```
#78aaaa rgb(120,170,170)
```
#78a6aa
```
#78a6aa rgb(120,166,170)
```

Similar Colors

Text with hexadecimal color #78aaa2

This text has a font color of #78aaa2.

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

#78aaa2 background color

This paragraph has a background color of #78aaa2.

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

#78aaa2 border color

This element has a border color of #78aaa2.

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

CSS codes

.text {color:#78aaa2;}

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

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

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

#060909
```
#060909 rgb(6,9,9)
```
#0e1514
```
#0e1514 rgb(14,21,20)
```
#152220
```
#152220 rgb(21,34,32)
```
#1d2e2b
```
#1d2e2b rgb(29,46,43)
```
#243a36
```
#243a36 rgb(36,58,54)
```
#2c4641
```
#2c4641 rgb(44,70,65)
```
#33524d
```
#33524d rgb(51,82,77)
```
#3b5e58
```
#3b5e58 rgb(59,94,88)
```
#436a63
```
#436a63 rgb(67,106,99)
```
#4a766f
```
#4a766f rgb(74,118,111)
```
#52827a
```
#52827a rgb(82,130,122)
```
#598e85
```
#598e85 rgb(89,142,133)
```
#619a91
```
#619a91 rgb(97,154,145)
```

Shade Color Variation

#6ca29a
```
#6ca29a rgb(108,162,154)
```
#78aaa2
```
#78aaa2 rgb(120,170,162)
```
#84b2aa
```
#84b2aa rgb(132,178,170)
```
#90b9b3
```
#90b9b3 rgb(144,185,179)
```
#9cc1bb
```
#9cc1bb rgb(156,193,187)
```
#a8c8c3
```
#a8c8c3 rgb(168,200,195)
```
#b4d0cb
```
#b4d0cb rgb(180,208,203)
```
#c0d7d4
```
#c0d7d4 rgb(192,215,212)
```
#ccdfdc
```
#ccdfdc rgb(204,223,220)
```
#d8e7e4
```
#d8e7e4 rgb(216,231,228)
```
#e4eeed
```
#e4eeed rgb(228,238,237)
```
#f0f6f5
```
#f0f6f5 rgb(240,246,245)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#899996
```
#899996 rgb(137,153,150)
```
#80a29c
```
#80a29c rgb(128,162,156)
```
#78aaa2
```
#78aaa2 rgb(120,170,162)
```
#70b2a8
```
#70b2a8 rgb(112,178,168)
```
#67bbae
```
#67bbae rgb(103,187,174)
```
#5fc3b3
```
#5fc3b3 rgb(95,195,179)
```
#56ccb9
```
#56ccb9 rgb(86,204,185)
```
#4ed4bf
```
#4ed4bf rgb(78,212,191)
```
#45ddc5
```
#45ddc5 rgb(69,221,197)
```
#3de5ca
```
#3de5ca rgb(61,229,202)
```
#34eed0
```
#34eed0 rgb(52,238,208)
```
#2cf6d6
```
#2cf6d6 rgb(44,246,214)
```
#23ffdc
```
#23ffdc rgb(35,255,220)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#939d9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8a4a1 Protanopia 1% of men
#b1a0ab Deuteranopia 1% of men
#83abb8 Tritanopia 0.001% of the population

Trichromacy

#97a6a1 Protanomaly 1% of men, 0.01% of women
#9ca4a8 Deuteranomaly 6% of men, 0.4% of women
#7fabb0 Tritanomaly 0.01% of the population

#78aaa2 hex color

#78aaa2 Color Information

#78aaa2 Color Conversion

Color Schemes with #78aaa2

Alternatives to #78aaa2

#78aaa2 Preview

Shades and Tints of #78aaa2

Tones of #78aaa2

Color Blindness Simulator