#78c8bc hex color

In a RGB color space, hex #78c8bc is composed of 47.1% red, 78.4% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 40% cyan, 0% magenta, 6% yellow and 21.6% black. It has a hue angle of 171 degrees, a saturation of 42.1% and a lightness of 62.7%. #78c8bc color hex could be obtained by blending #f0ffff with #009179. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 47
- G 78
- B 74
RGB color chart
- C 40
- M 0
- Y 6
- K 22
CMYK color chart

● #78c8bc color description : Slightly desaturated cyan.

The hexadecimal color #78c8bc has RGB values of R:120, G:200, B:188 and CMYK values of C:0.4, M:0, Y:0.06, K:0.22. Its decimal value is 7915708.

Hex triplet	78c8bc	`#78c8bc`
RGB Decimal	120, 200, 188	`rgb(120,200,188)`
RGB Percent	47.1, 78.4, 73.7	`rgb(47.1%,78.4%,73.7%)`
CMYK	40, 0, 6, 22
HSL	171°, 42.1, 62.7	`hsl(171,42.1%,62.7%)`
HSV (or HSB)	171°, 40, 78.4
Web Safe	66cccc	`#66cccc`

CIE-LAB	75.408, -27.363, -1.724
XYZ	37.475, 48.93, 55.044
xyY	0.265, 0.346, 48.93
CIE-LCH	75.408, 27.417, 183.604
CIE-LUV	75.408, -37.044, 1.829
Hunter-Lab	69.95, -26.785, 2.31
Binary	01111000, 11001000, 10111100

#78c8bc
```
#78c8bc rgb(120,200,188)
```
#c87884
```
#c87884 rgb(200,120,132)
```

Complementary Color

#78c894
```
#78c894 rgb(120,200,148)
```
#78c8bc
```
#78c8bc rgb(120,200,188)
```
#78acc8
```
#78acc8 rgb(120,172,200)
```

Analogous Color

#c89478
```
#c89478 rgb(200,148,120)
```
#78c8bc
```
#78c8bc rgb(120,200,188)
```
#c878ac
```
#c878ac rgb(200,120,172)
```

Split Complementary Color

#c8bc78
```
#c8bc78 rgb(200,188,120)
```
#78c8bc
```
#78c8bc rgb(120,200,188)
```
#bc78c8
```
#bc78c8 rgb(188,120,200)
```

Triadic Color

#84c878
```
#84c878 rgb(132,200,120)
```
#78c8bc
```
#78c8bc rgb(120,200,188)
```
#bc78c8
```
#bc78c8 rgb(188,120,200)
```
#c87884
```
#c87884 rgb(200,120,132)
```

Tetradic Color

#46ad9e
```
#46ad9e rgb(70,173,158)
```
#54b9aa
```
#54b9aa rgb(84,185,170)
```
#66c1b3
```
#66c1b3 rgb(102,193,179)
```
#78c8bc
```
#78c8bc rgb(120,200,188)
```
#8acfc5
```
#8acfc5 rgb(138,207,197)
```
#9cd7ce
```
#9cd7ce rgb(156,215,206)
```
#aeded7
```
#aeded7 rgb(174,222,215)
```

Monochromatic Color

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

#78c8a8
```
#78c8a8 rgb(120,200,168)
```
#78c8af
```
#78c8af rgb(120,200,175)
```
#78c8b5
```
#78c8b5 rgb(120,200,181)
```
#78c8bc
```
#78c8bc rgb(120,200,188)
```
#78c8c3
```
#78c8c3 rgb(120,200,195)
```
#78c7c8
```
#78c7c8 rgb(120,199,200)
```
#78c0c8
```
#78c0c8 rgb(120,192,200)
```

Similar Colors

Text with hexadecimal color #78c8bc

This text has a font color of #78c8bc.

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

#78c8bc background color

This paragraph has a background color of #78c8bc.

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

#78c8bc border color

This element has a border color of #78c8bc.

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

CSS codes

.text {color:#78c8bc;}

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

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

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

#020404
```
#020404 rgb(2,4,4)
```
#071211
```
#071211 rgb(7,18,17)
```
#0d201d
```
#0d201d rgb(13,32,29)
```
#132e2a
```
#132e2a rgb(19,46,42)
```
#183c37
```
#183c37 rgb(24,60,55)
```
#1e4a43
```
#1e4a43 rgb(30,74,67)
```
#245850
```
#245850 rgb(36,88,80)
```
#2a665d
```
#2a665d rgb(42,102,93)
```
#2f746a
```
#2f746a rgb(47,116,106)
```
#358276
```
#358276 rgb(53,130,118)
```
#3b9083
```
#3b9083 rgb(59,144,131)
```
#409e90
```
#409e90 rgb(64,158,144)
```
#46ac9c
```
#46ac9c rgb(70,172,156)
```

Shade Color Variation

#4eb7a7
```
#4eb7a7 rgb(78,183,167)
```
#5cbdae
```
#5cbdae rgb(92,189,174)
```
#6ac2b5
```
#6ac2b5 rgb(106,194,181)
```
#78c8bc
```
#78c8bc rgb(120,200,188)
```
#86cec3
```
#86cec3 rgb(134,206,195)
```
#94d3ca
```
#94d3ca rgb(148,211,202)
```
#a2d9d1
```
#a2d9d1 rgb(162,217,209)
```
#b0dfd8
```
#b0dfd8 rgb(176,223,216)
```
#bee4df
```
#bee4df rgb(190,228,223)
```
#cceae6
```
#cceae6 rgb(204,234,230)
```
#daf0ec
```
#daf0ec rgb(218,240,236)
```
#e7f5f3
```
#e7f5f3 rgb(231,245,243)
```
#f5fbfa
```
#f5fbfa rgb(245,251,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9da3a2 is the less saturated color, while #45fbe0 is the most saturated one.

#9da3a2
```
#9da3a2 rgb(157,163,162)
```
#95aba8
```
#95aba8 rgb(149,171,168)
```
#8eb2ad
```
#8eb2ad rgb(142,178,173)
```
#87b9b2
```
#87b9b2 rgb(135,185,178)
```
#7fc1b7
```
#7fc1b7 rgb(127,193,183)
```
#78c8bc
```
#78c8bc rgb(120,200,188)
```
#71cfc1
```
#71cfc1 rgb(113,207,193)
```
#69d7c6
```
#69d7c6 rgb(105,215,198)
```
#62decb
```
#62decb rgb(98,222,203)
```
#5be5d0
```
#5be5d0 rgb(91,229,208)
```
#53edd6
```
#53edd6 rgb(83,237,214)
```
#4cf4db
```
#4cf4db rgb(76,244,219)
```
#45fbe0
```
#45fbe0 rgb(69,251,224)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#a4b4b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1bcb7 Protanopia 1% of men
#cab8c5 Deuteranopia 1% of men
#86c7d5 Tritanopia 0.001% of the population

Trichromacy

#a6c0b9 Protanomaly 1% of men, 0.01% of women
#acbdc2 Deuteranomaly 6% of men, 0.4% of women
#81c7cc Tritanomaly 0.01% of the population

#78c8bc hex color

#78c8bc Color Information

#78c8bc Color Conversion

Color Schemes with #78c8bc

Alternatives to #78c8bc

#78c8bc Preview

Shades and Tints of #78c8bc

Tones of #78c8bc

Color Blindness Simulator