#78c0b9 hex color

In a RGB color space, hex #78c0b9 is composed of 47.1% red, 75.3% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 37.5% cyan, 0% magenta, 3.6% yellow and 24.7% black. It has a hue angle of 174.2 degrees, a saturation of 36.4% and a lightness of 61.2%. #78c0b9 color hex could be obtained by blending #f0ffff with #008173. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 47
- G 75
- B 73
RGB color chart
- C 38
- M 0
- Y 4
- K 25
CMYK color chart

● #78c0b9 color description : Slightly desaturated cyan.

The hexadecimal color #78c0b9 has RGB values of R:120, G:192, B:185 and CMYK values of C:0.38, M:0, Y:0.04, K:0.25. Its decimal value is 7913657.

Hex triplet	78c0b9	`#78c0b9`
RGB Decimal	120, 192, 185	`rgb(120,192,185)`
RGB Percent	47.1, 75.3, 72.5	`rgb(47.1%,75.3%,72.5%)`
CMYK	38, 0, 4, 25
HSL	174.2°, 36.4, 61.2	`hsl(174.2,36.4%,61.2%)`
HSV (or HSB)	174.2°, 37.5, 75.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.019, -24.13, -3.604
XYZ	35.35, 45.193, 52.757
xyY	0.265, 0.339, 45.193
CIE-LCH	73.019, 24.398, 188.496
CIE-LUV	73.019, -33.788, -1.552
Hunter-Lab	67.226, -23.783, 0.529
Binary	01111000, 11000000, 10111001

#78c0b9
```
#78c0b9 rgb(120,192,185)
```
#c0787f
```
#c0787f rgb(192,120,127)
```

Complementary Color

#78c095
```
#78c095 rgb(120,192,149)
```
#78c0b9
```
#78c0b9 rgb(120,192,185)
```
#78a3c0
```
#78a3c0 rgb(120,163,192)
```

Analogous Color

#c09578
```
#c09578 rgb(192,149,120)
```
#78c0b9
```
#78c0b9 rgb(120,192,185)
```
#c078a3
```
#c078a3 rgb(192,120,163)
```

Split Complementary Color

#c0b978
```
#c0b978 rgb(192,185,120)
```
#78c0b9
```
#78c0b9 rgb(120,192,185)
```
#b978c0
```
#b978c0 rgb(185,120,192)
```

Triadic Color

#7fc078
```
#7fc078 rgb(127,192,120)
```
#78c0b9
```
#78c0b9 rgb(120,192,185)
```
#b978c0
```
#b978c0 rgb(185,120,192)
```
#c0787f
```
#c0787f rgb(192,120,127)
```

Tetradic Color

#4ba198
```
#4ba198 rgb(75,161,152)
```
#55b0a7
```
#55b0a7 rgb(85,176,167)
```
#67b8b0
```
#67b8b0 rgb(103,184,176)
```
#78c0b9
```
#78c0b9 rgb(120,192,185)
```
#89c8c2
```
#89c8c2 rgb(137,200,194)
```
#9bd0cb
```
#9bd0cb rgb(155,208,203)
```
#acd8d4
```
#acd8d4 rgb(172,216,212)
```

Monochromatic Color

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

#78c0a7
```
#78c0a7 rgb(120,192,167)
```
#78c0ad
```
#78c0ad rgb(120,192,173)
```
#78c0b3
```
#78c0b3 rgb(120,192,179)
```
#78c0b9
```
#78c0b9 rgb(120,192,185)
```
#78c0bf
```
#78c0bf rgb(120,192,191)
```
#78bbc0
```
#78bbc0 rgb(120,187,192)
```
#78b5c0
```
#78b5c0 rgb(120,181,192)
```

Similar Colors

Text with hexadecimal color #78c0b9

This text has a font color of #78c0b9.

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

#78c0b9 background color

This paragraph has a background color of #78c0b9.

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

#78c0b9 border color

This element has a border color of #78c0b9.

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

CSS codes

.text {color:#78c0b9;}

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

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

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, #060c0b is the darkest color, while #fefefe is the lightest one.

#060c0b
```
#060c0b rgb(6,12,11)
```
#0c1918
```
#0c1918 rgb(12,25,24)
```
#122725
```
#122725 rgb(18,39,37)
```
#183432
```
#183432 rgb(24,52,50)
```
#1f423e
```
#1f423e rgb(31,66,62)
```
#254f4b
```
#254f4b rgb(37,79,75)
```
#2b5c58
```
#2b5c58 rgb(43,92,88)
```
#316a64
```
#316a64 rgb(49,106,100)
```
#387771
```
#387771 rgb(56,119,113)
```
#3e847e
```
#3e847e rgb(62,132,126)
```
#44928a
```
#44928a rgb(68,146,138)
```
#4a9f97
```
#4a9f97 rgb(74,159,151)
```
#51ada4
```
#51ada4 rgb(81,173,164)
```

Shade Color Variation

#5db4ab
```
#5db4ab rgb(93,180,171)
```
#6bbab2
```
#6bbab2 rgb(107,186,178)
```
#78c0b9
```
#78c0b9 rgb(120,192,185)
```
#85c6c0
```
#85c6c0 rgb(133,198,192)
```
#93ccc7
```
#93ccc7 rgb(147,204,199)
```
#a0d3ce
```
#a0d3ce rgb(160,211,206)
```
#add9d5
```
#add9d5 rgb(173,217,213)
```
#bbdfdc
```
#bbdfdc rgb(187,223,220)
```
#c8e5e3
```
#c8e5e3 rgb(200,229,227)
```
#d6ecea
```
#d6ecea rgb(214,236,234)
```
#e3f2f0
```
#e3f2f0 rgb(227,242,240)
```
#f0f8f7
```
#f0f8f7 rgb(240,248,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96a2a0 is the less saturated color, while #3bfdea is the most saturated one.

#96a2a0
```
#96a2a0 rgb(150,162,160)
```
#8fa9a7
```
#8fa9a7 rgb(143,169,167)
```
#87b1ad
```
#87b1ad rgb(135,177,173)
```
#80b8b3
```
#80b8b3 rgb(128,184,179)
```
#78c0b9
```
#78c0b9 rgb(120,192,185)
```
#70c8bf
```
#70c8bf rgb(112,200,191)
```
#69cfc5
```
#69cfc5 rgb(105,207,197)
```
#61d7cb
```
#61d7cb rgb(97,215,203)
```
#5aded2
```
#5aded2 rgb(90,222,210)
```
#52e6d8
```
#52e6d8 rgb(82,230,216)
```
#4aeede
```
#4aeede rgb(74,238,222)
```
#43f5e4
```
#43f5e4 rgb(67,245,228)
```
#3bfdea
```
#3bfdea rgb(59,253,234)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#a0aead Atypical Achromatopsia 0.001% of the population

Dichromacy

#bab6b5 Protanopia 1% of men
#c2b2c2 Deuteranopia 1% of men
#84c0ce Tritanopia 0.001% of the population

Trichromacy

#a2b9b6 Protanomaly 1% of men, 0.01% of women
#a7b7bf Deuteranomaly 6% of men, 0.4% of women
#80c0c6 Tritanomaly 0.01% of the population

#78c0b9 hex color

#78c0b9 Color Information

#78c0b9 Color Conversion

Color Schemes with #78c0b9

Alternatives to #78c0b9

#78c0b9 Preview

Shades and Tints of #78c0b9

Tones of #78c0b9

Color Blindness Simulator