#78a4bd hex color

In a RGB color space, hex #78a4bd is composed of 47.1% red, 64.3% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 36.5% cyan, 13.2% magenta, 0% yellow and 25.9% black. It has a hue angle of 201.7 degrees, a saturation of 34.3% and a lightness of 60.6%. #78a4bd color hex could be obtained by blending #f0ffff with #00497b. Closest websafe color is: #6699cc.

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

● #78a4bd color description : Slightly desaturated blue.

The hexadecimal color #78a4bd has RGB values of R:120, G:164, B:189 and CMYK values of C:0.37, M:0.13, Y:0, K:0.26. Its decimal value is 7906493.

Hex triplet	78a4bd	`#78a4bd`
RGB Decimal	120, 164, 189	`rgb(120,164,189)`
RGB Percent	47.1, 64.3, 74.1	`rgb(47.1%,64.3%,74.1%)`
CMYK	37, 13, 0, 26
HSL	201.7°, 34.3, 60.6	`hsl(201.7,34.3%,60.6%)`
HSV (or HSB)	201.7°, 36.5, 74.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.134, -8.513, -17.592
XYZ	30.204, 34.217, 53.154
xyY	0.257, 0.291, 34.217
CIE-LCH	65.134, 19.544, 244.176
CIE-LUV	65.134, -21.982, -25.6
Hunter-Lab	58.495, -10.197, -12.93
Binary	01111000, 10100100, 10111101

#78a4bd
```
#78a4bd rgb(120,164,189)
```
#bd9178
```
#bd9178 rgb(189,145,120)
```

Complementary Color

#78bdb4
```
#78bdb4 rgb(120,189,180)
```
#78a4bd
```
#78a4bd rgb(120,164,189)
```
#7882bd
```
#7882bd rgb(120,130,189)
```

Analogous Color

#bdb478
```
#bdb478 rgb(189,180,120)
```
#78a4bd
```
#78a4bd rgb(120,164,189)
```
#bd7882
```
#bd7882 rgb(189,120,130)
```

Split Complementary Color

#a4bd78
```
#a4bd78 rgb(164,189,120)
```
#78a4bd
```
#78a4bd rgb(120,164,189)
```
#bd78a4
```
#bd78a4 rgb(189,120,164)
```

Triadic Color

#78bd91
```
#78bd91 rgb(120,189,145)
```
#78a4bd
```
#78a4bd rgb(120,164,189)
```
#bd78a4
```
#bd78a4 rgb(189,120,164)
```
#bd9178
```
#bd9178 rgb(189,145,120)
```

Tetradic Color

#4c7f9c
```
#4c7f9c rgb(76,127,156)
```
#568dac
```
#568dac rgb(86,141,172)
```
#6798b5
```
#6798b5 rgb(103,152,181)
```
#78a4bd
```
#78a4bd rgb(120,164,189)
```
#89b0c5
```
#89b0c5 rgb(137,176,197)
```
#9abbce
```
#9abbce rgb(154,187,206)
```
#abc7d6
```
#abc7d6 rgb(171,199,214)
```

Monochromatic Color

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

#78b5bd
```
#78b5bd rgb(120,181,189)
```
#78b0bd
```
#78b0bd rgb(120,176,189)
```
#78aabd
```
#78aabd rgb(120,170,189)
```
#78a4bd
```
#78a4bd rgb(120,164,189)
```
#789ebd
```
#789ebd rgb(120,158,189)
```
#7899bd
```
#7899bd rgb(120,153,189)
```
#7893bd
```
#7893bd rgb(120,147,189)
```

Similar Colors

Text with hexadecimal color #78a4bd

This text has a font color of #78a4bd.

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

#78a4bd background color

This paragraph has a background color of #78a4bd.

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

#78a4bd border color

This element has a border color of #78a4bd.

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

CSS codes

.text {color:#78a4bd;}

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

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

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

#05080a
```
#05080a rgb(5,8,10)
```
#0b1317
```
#0b1317 rgb(11,19,23)
```
#121e24
```
#121e24 rgb(18,30,36)
```
#182831
```
#182831 rgb(24,40,49)
```
#1f333f
```
#1f333f rgb(31,51,63)
```
#253e4c
```
#253e4c rgb(37,62,76)
```
#2b4859
```
#2b4859 rgb(43,72,89)
```
#325366
```
#325366 rgb(50,83,102)
```
#385e73
```
#385e73 rgb(56,94,115)
```
#3f6980
```
#3f6980 rgb(63,105,128)
```
#45738e
```
#45738e rgb(69,115,142)
```
#4c7e9b
```
#4c7e9b rgb(76,126,155)
```
#5289a8
```
#5289a8 rgb(82,137,168)
```

Shade Color Variation

#5e92b0
```
#5e92b0 rgb(94,146,176)
```
#6b9bb7
```
#6b9bb7 rgb(107,155,183)
```
#78a4bd
```
#78a4bd rgb(120,164,189)
```
#85adc3
```
#85adc3 rgb(133,173,195)
```
#92b6ca
```
#92b6ca rgb(146,182,202)
```
#a0bfd0
```
#a0bfd0 rgb(160,191,208)
```
#adc8d7
```
#adc8d7 rgb(173,200,215)
```
#bad0dd
```
#bad0dd rgb(186,208,221)
```
#c7d9e4
```
#c7d9e4 rgb(199,217,228)
```
#d4e2ea
```
#d4e2ea rgb(212,226,234)
```
#e1ebf1
```
#e1ebf1 rgb(225,235,241)
```
#eff4f7
```
#eff4f7 rgb(239,244,247)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#979b9e
```
#979b9e rgb(151,155,158)
```
#8f9ea6
```
#8f9ea6 rgb(143,158,166)
```
#87a0ae
```
#87a0ae rgb(135,160,174)
```
#80a2b5
```
#80a2b5 rgb(128,162,181)
```
#78a4bd
```
#78a4bd rgb(120,164,189)
```
#70a6c5
```
#70a6c5 rgb(112,166,197)
```
#69a8cc
```
#69a8cc rgb(105,168,204)
```
#61aad4
```
#61aad4 rgb(97,170,212)
```
#59addc
```
#59addc rgb(89,173,220)
```
#51afe4
```
#51afe4 rgb(81,175,228)
```
#4ab1eb
```
#4ab1eb rgb(74,177,235)
```
#42b3f3
```
#42b3f3 rgb(66,179,243)
```
#3ab5fb
```
#3ab5fb rgb(58,181,251)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#939ca1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9da1bc Protanopia 1% of men
#a19fc3 Deuteranopia 1% of men
#7caab6 Tritanopia 0.001% of the population

Trichromacy

#90a2bc Protanomaly 1% of men, 0.01% of women
#92a1c1 Deuteranomaly 6% of men, 0.4% of women
#7aa8b9 Tritanomaly 0.01% of the population

#78a4bd hex color

#78a4bd Color Information

#78a4bd Color Conversion

Color Schemes with #78a4bd

Alternatives to #78a4bd

#78a4bd Preview

Shades and Tints of #78a4bd

Tones of #78a4bd

Color Blindness Simulator