#78b4bd hex color

In a RGB color space, hex #78b4bd is composed of 47.1% red, 70.6% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 36.5% cyan, 4.8% magenta, 0% yellow and 25.9% black. It has a hue angle of 187.8 degrees, a saturation of 34.3% and a lightness of 60.6%. #78b4bd color hex could be obtained by blending #f0ffff with #00697b. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 47
- G 71
- B 74
RGB color chart
- C 37
- M 5
- Y 0
- K 26
CMYK color chart

● #78b4bd color description : Slightly desaturated cyan.

The hexadecimal color #78b4bd has RGB values of R:120, G:180, B:189 and CMYK values of C:0.37, M:0.05, Y:0, K:0.26. Its decimal value is 7910589.

Hex triplet	78b4bd	`#78b4bd`
RGB Decimal	120, 180, 189	`rgb(120,180,189)`
RGB Percent	47.1, 70.6, 74.1	`rgb(47.1%,70.6%,74.1%)`
CMYK	37, 5, 0, 26
HSL	187.8°, 34.3, 60.6	`hsl(187.8,34.3%,60.6%)`
HSV (or HSB)	187.8°, 36.5, 74.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	69.688, -17.04, -10.737
XYZ	33.25, 40.308, 54.17
xyY	0.26, 0.316, 40.308
CIE-LCH	69.688, 20.14, 212.215
CIE-LUV	69.688, -28.691, -13.667
Hunter-Lab	63.489, -17.622, -6.145
Binary	01111000, 10110100, 10111101

#78b4bd
```
#78b4bd rgb(120,180,189)
```
#bd8178
```
#bd8178 rgb(189,129,120)
```

Complementary Color

#78bda4
```
#78bda4 rgb(120,189,164)
```
#78b4bd
```
#78b4bd rgb(120,180,189)
```
#7892bd
```
#7892bd rgb(120,146,189)
```

Analogous Color

#bda478
```
#bda478 rgb(189,164,120)
```
#78b4bd
```
#78b4bd rgb(120,180,189)
```
#bd7892
```
#bd7892 rgb(189,120,146)
```

Split Complementary Color

#b4bd78
```
#b4bd78 rgb(180,189,120)
```
#78b4bd
```
#78b4bd rgb(120,180,189)
```
#bd78b4
```
#bd78b4 rgb(189,120,180)
```

Triadic Color

#78bd81
```
#78bd81 rgb(120,189,129)
```
#78b4bd
```
#78b4bd rgb(120,180,189)
```
#bd78b4
```
#bd78b4 rgb(189,120,180)
```
#bd8178
```
#bd8178 rgb(189,129,120)
```

Tetradic Color

#4c929c
```
#4c929c rgb(76,146,156)
```
#56a1ac
```
#56a1ac rgb(86,161,172)
```
#67aab5
```
#67aab5 rgb(103,170,181)
```
#78b4bd
```
#78b4bd rgb(120,180,189)
```
#89bec5
```
#89bec5 rgb(137,190,197)
```
#9ac7ce
```
#9ac7ce rgb(154,199,206)
```
#abd1d6
```
#abd1d6 rgb(171,209,214)
```

Monochromatic Color

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

#78bdb5
```
#78bdb5 rgb(120,189,181)
```
#78bdbb
```
#78bdbb rgb(120,189,187)
```
#78babd
```
#78babd rgb(120,186,189)
```
#78b4bd
```
#78b4bd rgb(120,180,189)
```
#78aebd
```
#78aebd rgb(120,174,189)
```
#78a9bd
```
#78a9bd rgb(120,169,189)
```
#78a3bd
```
#78a3bd rgb(120,163,189)
```

Similar Colors

Text with hexadecimal color #78b4bd

This text has a font color of #78b4bd.

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

#78b4bd background color

This paragraph has a background color of #78b4bd.

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

#78b4bd border color

This element has a border color of #78b4bd.

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

CSS codes

.text {color:#78b4bd;}

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

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

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

#05090a
```
#05090a rgb(5,9,10)
```
#0b1617
```
#0b1617 rgb(11,22,23)
```
#122224
```
#122224 rgb(18,34,36)
```
#182e31
```
#182e31 rgb(24,46,49)
```
#1f3a3f
```
#1f3a3f rgb(31,58,63)
```
#25474c
```
#25474c rgb(37,71,76)
```
#2b5359
```
#2b5359 rgb(43,83,89)
```
#325f66
```
#325f66 rgb(50,95,102)
```
#386c73
```
#386c73 rgb(56,108,115)
```
#3f7880
```
#3f7880 rgb(63,120,128)
```
#45848e
```
#45848e rgb(69,132,142)
```
#4c919b
```
#4c919b rgb(76,145,155)
```
#529da8
```
#529da8 rgb(82,157,168)
```

Shade Color Variation

#5ea5b0
```
#5ea5b0 rgb(94,165,176)
```
#6badb7
```
#6badb7 rgb(107,173,183)
```
#78b4bd
```
#78b4bd rgb(120,180,189)
```
#85bbc3
```
#85bbc3 rgb(133,187,195)
```
#92c3ca
```
#92c3ca rgb(146,195,202)
```
#a0cad0
```
#a0cad0 rgb(160,202,208)
```
#add1d7
```
#add1d7 rgb(173,209,215)
```
#bad9dd
```
#bad9dd rgb(186,217,221)
```
#c7e0e4
```
#c7e0e4 rgb(199,224,228)
```
#d4e7ea
```
#d4e7ea rgb(212,231,234)
```
#e1eff1
```
#e1eff1 rgb(225,239,241)
```
#eff6f7
```
#eff6f7 rgb(239,246,247)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#979d9e
```
#979d9e rgb(151,157,158)
```
#8fa3a6
```
#8fa3a6 rgb(143,163,166)
```
#87a9ae
```
#87a9ae rgb(135,169,174)
```
#80aeb5
```
#80aeb5 rgb(128,174,181)
```
#78b4bd
```
#78b4bd rgb(120,180,189)
```
#70bac5
```
#70bac5 rgb(112,186,197)
```
#69bfcc
```
#69bfcc rgb(105,191,204)
```
#61c5d4
```
#61c5d4 rgb(97,197,212)
```
#59cbdc
```
#59cbdc rgb(89,203,220)
```
#51d1e4
```
#51d1e4 rgb(81,209,228)
```
#4ad6eb
```
#4ad6eb rgb(74,214,235)
```
#42dcf3
```
#42dcf3 rgb(66,220,243)
```
#3ae2fb
```
#3ae2fb rgb(58,226,251)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#9aa6a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adadba Protanopia 1% of men
#b3aac5 Deuteranopia 1% of men
#80b7c4 Tritanopia 0.001% of the population

Trichromacy

#9aafbb Protanomaly 1% of men, 0.01% of women
#9dadc2 Deuteranomaly 6% of men, 0.4% of women
#7db6c1 Tritanomaly 0.01% of the population

#78b4bd hex color

#78b4bd Color Information

#78b4bd Color Conversion

Color Schemes with #78b4bd

Alternatives to #78b4bd

#78b4bd Preview

Shades and Tints of #78b4bd

Tones of #78b4bd

Color Blindness Simulator