colorhexa.com

#78b4a1 hex color

In a RGB color space, hex #78b4a1 is composed of 47.1% red, 70.6% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 0% magenta, 10.6% yellow and 29.4% black. It has a hue angle of 161 degrees, a saturation of 28.6% and a lightness of 58.8%. #78b4a1 color hex could be obtained by blending #f0ffff with #006943. Closest websafe color is: #66cc99.

- R 47
- G 71
- B 63
RGB color chart
- C 33
- M 0
- Y 11
- K 29
CMYK color chart

● #78b4a1 color description : Slightly desaturated cyan - lime green.

The hexadecimal color #78b4a1 has RGB values of R:120, G:180, B:161 and CMYK values of C:0.33, M:0, Y:0.11, K:0.29. Its decimal value is 7910561.

Hex triplet	78b4a1	`#78b4a1`
RGB Decimal	120, 180, 161	`rgb(120,180,161)`
RGB Percent	47.1, 70.6, 63.1	`rgb(47.1%,70.6%,63.1%)`
CMYK	33, 0, 11, 29
HSL	161°, 28.6, 58.8	`hsl(161,28.6%,58.8%)`
HSV (or HSB)	161°, 33.3, 70.6
Web Safe	66cc99	`#66cc99`

CIE-LAB	68.901, -23.647, 3.528
XYZ	30.498, 39.207, 39.677
xyY	0.279, 0.358, 39.207
CIE-LCH	68.901, 23.909, 171.514
CIE-LUV	68.901, -29.073, 8.989
Hunter-Lab	62.616, -22.636, 6.261
Binary	01111000, 10110100, 10100001

#78b4a1
```
#78b4a1 rgb(120,180,161)
```
#b4788b
```
#b4788b rgb(180,120,139)
```

Complementary Color

#78b483
```
#78b483 rgb(120,180,131)
```
#78b4a1
```
#78b4a1 rgb(120,180,161)
```
#78a9b4
```
#78a9b4 rgb(120,169,180)
```

Analogous Color

#b48378
```
#b48378 rgb(180,131,120)
```
#78b4a1
```
#78b4a1 rgb(120,180,161)
```
#b478a9
```
#b478a9 rgb(180,120,169)
```

Split Complementary Color

#b4a178
```
#b4a178 rgb(180,161,120)
```
#78b4a1
```
#78b4a1 rgb(120,180,161)
```
#a178b4
```
#a178b4 rgb(161,120,180)
```

Triadic Color

#8bb478
```
#8bb478 rgb(139,180,120)
```
#78b4a1
```
#78b4a1 rgb(120,180,161)
```
#a178b4
```
#a178b4 rgb(161,120,180)
```
#b4788b
```
#b4788b rgb(180,120,139)
```

Tetradic Color

#50907b
```
#50907b rgb(80,144,123)
```
#59a08a
```
#59a08a rgb(89,160,138)
```
#68ab96
```
#68ab96 rgb(104,171,150)
```
#78b4a1
```
#78b4a1 rgb(120,180,161)
```
#88bdac
```
#88bdac rgb(136,189,172)
```
#99c6b8
```
#99c6b8 rgb(153,198,184)
```
#a9cfc3
```
#a9cfc3 rgb(169,207,195)
```

Monochromatic Color

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

#78b492
```
#78b492 rgb(120,180,146)
```
#78b497
```
#78b497 rgb(120,180,151)
```
#78b49c
```
#78b49c rgb(120,180,156)
```
#78b4a1
```
#78b4a1 rgb(120,180,161)
```
#78b4a6
```
#78b4a6 rgb(120,180,166)
```
#78b4ab
```
#78b4ab rgb(120,180,171)
```
#78b4b0
```
#78b4b0 rgb(120,180,176)
```

Similar Colors

Text with hexadecimal color #78b4a1

This text has a font color of #78b4a1.

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

#78b4a1 background color

This paragraph has a background color of #78b4a1.

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

#78b4a1 border color

This element has a border color of #78b4a1.

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

CSS codes

.text {color:#78b4a1;}

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

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

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

#020403
```
#020403 rgb(2,4,3)
```
#09100e
```
#09100e rgb(9,16,14)
```
#101d19
```
#101d19 rgb(16,29,25)
```
#172a24
```
#172a24 rgb(23,42,36)
```
#1e362f
```
#1e362f rgb(30,54,47)
```
#254339
```
#254339 rgb(37,67,57)
```
#2c4f44
```
#2c4f44 rgb(44,79,68)
```
#335c4f
```
#335c4f rgb(51,92,79)
```
#3a695a
```
#3a695a rgb(58,105,90)
```
#417565
```
#417565 rgb(65,117,101)
```
#488270
```
#488270 rgb(72,130,112)
```
#4f8e7a
```
#4f8e7a rgb(79,142,122)
```
#569b85
```
#569b85 rgb(86,155,133)
```

Shade Color Variation

#5fa68f
```
#5fa68f rgb(95,166,143)
```
#6bad98
```
#6bad98 rgb(107,173,152)
```
#78b4a1
```
#78b4a1 rgb(120,180,161)
```
#85bbaa
```
#85bbaa rgb(133,187,170)
```
#91c2b3
```
#91c2b3 rgb(145,194,179)
```
#9ec9bb
```
#9ec9bb rgb(158,201,187)
```
#aad0c4
```
#aad0c4 rgb(170,208,196)
```
#b7d7cd
```
#b7d7cd rgb(183,215,205)
```
#c4ded6
```
#c4ded6 rgb(196,222,214)
```
#d0e5de
```
#d0e5de rgb(208,229,222)
```
#ddece7
```
#ddece7 rgb(221,236,231)
```
#e9f3f0
```
#e9f3f0 rgb(233,243,240)
```
#f6faf9
```
#f6faf9 rgb(246,250,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #909c98 is the less saturated color, while #2ffdbc is the most saturated one.

#909c98
```
#909c98 rgb(144,156,152)
```
#88a49b
```
#88a49b rgb(136,164,155)
```
#80ac9e
```
#80ac9e rgb(128,172,158)
```
#78b4a1
```
#78b4a1 rgb(120,180,161)
```
#70bca4
```
#70bca4 rgb(112,188,164)
```
#68c4a7
```
#68c4a7 rgb(104,196,167)
```
#60ccaa
```
#60ccaa rgb(96,204,170)
```
#58d4ad
```
#58d4ad rgb(88,212,173)
```
#50dcb0
```
#50dcb0 rgb(80,220,176)
```
#48e4b3
```
#48e4b3 rgb(72,228,179)
```
#3fedb6
```
#3fedb6 rgb(63,237,182)
```
#37f5b9
```
#37f5b9 rgb(55,245,185)
```
#2ffdbc
```
#2ffdbc rgb(47,253,188)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#98a4a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2ac9f Protanopia 1% of men
#bca7ab Deuteranopia 1% of men
#86b3c0 Tritanopia 0.001% of the population

Trichromacy

#9daea0 Protanomaly 1% of men, 0.01% of women
#a3aca7 Deuteranomaly 6% of men, 0.4% of women
#81b3b5 Tritanomaly 0.01% of the population