#78b8c2 hex color

In a RGB color space, hex #78b8c2 is composed of 47.1% red, 72.2% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 38.1% cyan, 5.2% magenta, 0% yellow and 23.9% black. It has a hue angle of 188.1 degrees, a saturation of 37.8% and a lightness of 61.6%. #78b8c2 color hex could be obtained by blending #f0ffff with #007185. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 47
- G 72
- B 76
RGB color chart
- C 38
- M 5
- Y 0
- K 24
CMYK color chart

● #78b8c2 color description : Slightly desaturated cyan.

The hexadecimal color #78b8c2 has RGB values of R:120, G:184, B:194 and CMYK values of C:0.38, M:0.05, Y:0, K:0.24. Its decimal value is 7911618.

Hex triplet	78b8c2	`#78b8c2`
RGB Decimal	120, 184, 194	`rgb(120,184,194)`
RGB Percent	47.1, 72.2, 76.1	`rgb(47.1%,72.2%,76.1%)`
CMYK	38, 5, 0, 24
HSL	188.1°, 37.8, 61.6	`hsl(188.1,37.8%,61.6%)`
HSV (or HSB)	188.1°, 38.1, 76.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.986, -17.855, -11.543
XYZ	34.621, 42.167, 57.351
xyY	0.258, 0.314, 42.167
CIE-LCH	70.986, 21.261, 212.881
CIE-LUV	70.986, -30.283, -14.861
Hunter-Lab	64.936, -18.47, -6.908
Binary	01111000, 10111000, 11000010

#78b8c2
```
#78b8c2 rgb(120,184,194)
```
#c28278
```
#c28278 rgb(194,130,120)
```

Complementary Color

#78c2a7
```
#78c2a7 rgb(120,194,167)
```
#78b8c2
```
#78b8c2 rgb(120,184,194)
```
#7893c2
```
#7893c2 rgb(120,147,194)
```

Analogous Color

#c2a778
```
#c2a778 rgb(194,167,120)
```
#78b8c2
```
#78b8c2 rgb(120,184,194)
```
#c27893
```
#c27893 rgb(194,120,147)
```

Split Complementary Color

#b8c278
```
#b8c278 rgb(184,194,120)
```
#78b8c2
```
#78b8c2 rgb(120,184,194)
```
#c278b8
```
#c278b8 rgb(194,120,184)
```

Triadic Color

#78c282
```
#78c282 rgb(120,194,130)
```
#78b8c2
```
#78b8c2 rgb(120,184,194)
```
#c278b8
```
#c278b8 rgb(194,120,184)
```
#c28278
```
#c28278 rgb(194,130,120)
```

Tetradic Color

#4a97a4
```
#4a97a4 rgb(74,151,164)
```
#55a6b2
```
#55a6b2 rgb(85,166,178)
```
#66afba
```
#66afba rgb(102,175,186)
```
#78b8c2
```
#78b8c2 rgb(120,184,194)
```
#8ac1ca
```
#8ac1ca rgb(138,193,202)
```
#9bcad2
```
#9bcad2 rgb(155,202,210)
```
#add4da
```
#add4da rgb(173,212,218)
```

Monochromatic Color

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

#78c2ba
```
#78c2ba rgb(120,194,186)
```
#78c2c0
```
#78c2c0 rgb(120,194,192)
```
#78bec2
```
#78bec2 rgb(120,190,194)
```
#78b8c2
```
#78b8c2 rgb(120,184,194)
```
#78b2c2
```
#78b2c2 rgb(120,178,194)
```
#78acc2
```
#78acc2 rgb(120,172,194)
```
#78a6c2
```
#78a6c2 rgb(120,166,194)
```

Similar Colors

Text with hexadecimal color #78b8c2

This text has a font color of #78b8c2.

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

#78b8c2 background color

This paragraph has a background color of #78b8c2.

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

#78b8c2 border color

This element has a border color of #78b8c2.

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

CSS codes

.text {color:#78b8c2;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060d0e
```
#060d0e rgb(6,13,14)
```
#0c191b
```
#0c191b rgb(12,25,27)
```
#122629
```
#122629 rgb(18,38,41)
```
#183236
```
#183236 rgb(24,50,54)
```
#1f3f44
```
#1f3f44 rgb(31,63,68)
```
#254b51
```
#254b51 rgb(37,75,81)
```
#2b585f
```
#2b585f rgb(43,88,95)
```
#31646c
```
#31646c rgb(49,100,108)
```
#37717a
```
#37717a rgb(55,113,122)
```
#3d7d87
```
#3d7d87 rgb(61,125,135)
```
#438a95
```
#438a95 rgb(67,138,149)
```
#4996a2
```
#4996a2 rgb(73,150,162)
```

Shade Color Variation

#4fa3b0
```
#4fa3b0 rgb(79,163,176)
```
#5daab6
```
#5daab6 rgb(93,170,182)
```
#6ab1bc
```
#6ab1bc rgb(106,177,188)
```
#78b8c2
```
#78b8c2 rgb(120,184,194)
```
#86bfc8
```
#86bfc8 rgb(134,191,200)
```
#93c6ce
```
#93c6ce rgb(147,198,206)
```
#a1cdd4
```
#a1cdd4 rgb(161,205,212)
```
#aed4da
```
#aed4da rgb(174,212,218)
```
#bcdce1
```
#bcdce1 rgb(188,220,225)
```
#c9e3e7
```
#c9e3e7 rgb(201,227,231)
```
#d7eaed
```
#d7eaed rgb(215,234,237)
```
#e4f1f3
```
#e4f1f3 rgb(228,241,243)
```
#f2f8f9
```
#f2f8f9 rgb(242,248,249)
```

Tint Color Variation

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

#96a2a4
```
#96a2a4 rgb(150,162,164)
```
#8fa7ab
```
#8fa7ab rgb(143,167,171)
```
#87adb3
```
#87adb3 rgb(135,173,179)
```
#80b2ba
```
#80b2ba rgb(128,178,186)
```
#78b8c2
```
#78b8c2 rgb(120,184,194)
```
#70beca
```
#70beca rgb(112,190,202)
```
#69c3d1
```
#69c3d1 rgb(105,195,209)
```
#61c9d9
```
#61c9d9 rgb(97,201,217)
```
#5acee0
```
#5acee0 rgb(90,206,224)
```
#52d4e8
```
#52d4e8 rgb(82,212,232)
```
#4bd9ef
```
#4bd9ef rgb(75,217,239)
```
#43dff7
```
#43dff7 rgb(67,223,247)
```
#3ce4fe
```
#3ce4fe rgb(60,228,254)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#9daaac Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0b0be Protanopia 1% of men
#b6adca Deuteranopia 1% of men
#80bbc8 Tritanopia 0.001% of the population

Trichromacy

#9cb3c0 Protanomaly 1% of men, 0.01% of women
#9fb1c7 Deuteranomaly 6% of men, 0.4% of women
#7db9c6 Tritanomaly 0.01% of the population

#78b8c2 hex color

#78b8c2 Color Information

#78b8c2 Color Conversion

Color Schemes with #78b8c2

Alternatives to #78b8c2

#78b8c2 Preview

Shades and Tints of #78b8c2

Tones of #78b8c2

Color Blindness Simulator