#78a0ba hex color

In a RGB color space, hex #78a0ba is composed of 47.1% red, 62.7% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 35.5% cyan, 14% magenta, 0% yellow and 27.1% black. It has a hue angle of 203.6 degrees, a saturation of 32.4% and a lightness of 60%. #78a0ba color hex could be obtained by blending #f0ffff with #004175. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 47
- G 63
- B 73
RGB color chart
- C 35
- M 14
- Y 0
- K 27
CMYK color chart

● #78a0ba color description : Slightly desaturated blue.

The hexadecimal color #78a0ba has RGB values of R:120, G:160, B:186 and CMYK values of C:0.35, M:0.14, Y:0, K:0.27. Its decimal value is 7905466.

Hex triplet	78a0ba	`#78a0ba`
RGB Decimal	120, 160, 186	`rgb(120,160,186)`
RGB Percent	47.1, 62.7, 72.9	`rgb(47.1%,62.7%,72.9%)`
CMYK	35, 14, 0, 27
HSL	203.6°, 32.4, 60	`hsl(203.6,32.4%,60%)`
HSV (or HSB)	203.6°, 35.5, 72.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.9, -7.104, -17.789
XYZ	29.177, 32.679, 51.222
xyY	0.258, 0.289, 32.679
CIE-LCH	63.9, 19.155, 248.23
CIE-LUV	63.9, -20.293, -26.035
Hunter-Lab	57.165, -8.932, -13.11
Binary	01111000, 10100000, 10111010

#78a0ba
```
#78a0ba rgb(120,160,186)
```
#ba9278
```
#ba9278 rgb(186,146,120)
```

Complementary Color

#78bab3
```
#78bab3 rgb(120,186,179)
```
#78a0ba
```
#78a0ba rgb(120,160,186)
```
#787fba
```
#787fba rgb(120,127,186)
```

Analogous Color

#bab378
```
#bab378 rgb(186,179,120)
```
#78a0ba
```
#78a0ba rgb(120,160,186)
```
#ba787f
```
#ba787f rgb(186,120,127)
```

Split Complementary Color

#a0ba78
```
#a0ba78 rgb(160,186,120)
```
#78a0ba
```
#78a0ba rgb(120,160,186)
```
#ba78a0
```
#ba78a0 rgb(186,120,160)
```

Triadic Color

#78ba92
```
#78ba92 rgb(120,186,146)
```
#78a0ba
```
#78a0ba rgb(120,160,186)
```
#ba78a0
```
#ba78a0 rgb(186,120,160)
```
#ba9278
```
#ba9278 rgb(186,146,120)
```

Tetradic Color

#4e7b98
```
#4e7b98 rgb(78,123,152)
```
#5688a9
```
#5688a9 rgb(86,136,169)
```
#6794b1
```
#6794b1 rgb(103,148,177)
```
#78a0ba
```
#78a0ba rgb(120,160,186)
```
#89acc3
```
#89acc3 rgb(137,172,195)
```
#9ab8cb
```
#9ab8cb rgb(154,184,203)
```
#abc4d4
```
#abc4d4 rgb(171,196,212)
```

Monochromatic Color

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

#78b1ba
```
#78b1ba rgb(120,177,186)
```
#78abba
```
#78abba rgb(120,171,186)
```
#78a6ba
```
#78a6ba rgb(120,166,186)
```
#78a0ba
```
#78a0ba rgb(120,160,186)
```
#789bba
```
#789bba rgb(120,155,186)
```
#7895ba
```
#7895ba rgb(120,149,186)
```
#7890ba
```
#7890ba rgb(120,144,186)
```

Similar Colors

Text with hexadecimal color #78a0ba

This text has a font color of #78a0ba.

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

#78a0ba background color

This paragraph has a background color of #78a0ba.

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

#78a0ba border color

This element has a border color of #78a0ba.

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

CSS codes

.text {color:#78a0ba;}

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

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

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

#040608
```
#040608 rgb(4,6,8)
```
#0b1115
```
#0b1115 rgb(11,17,21)
```
#111b22
```
#111b22 rgb(17,27,34)
```
#18262f
```
#18262f rgb(24,38,47)
```
#1f303c
```
#1f303c rgb(31,48,60)
```
#253b49
```
#253b49 rgb(37,59,73)
```
#2c4556
```
#2c4556 rgb(44,69,86)
```
#325063
```
#325063 rgb(50,80,99)
```
#395a70
```
#395a70 rgb(57,90,112)
```
#40657d
```
#40657d rgb(64,101,125)
```
#466f8a
```
#466f8a rgb(70,111,138)
```
#4d7a97
```
#4d7a97 rgb(77,122,151)
```
#5484a4
```
#5484a4 rgb(84,132,164)
```

Shade Color Variation

#5e8ead
```
#5e8ead rgb(94,142,173)
```
#6b97b3
```
#6b97b3 rgb(107,151,179)
```
#78a0ba
```
#78a0ba rgb(120,160,186)
```
#85a9c1
```
#85a9c1 rgb(133,169,193)
```
#92b2c7
```
#92b2c7 rgb(146,178,199)
```
#9fbbce
```
#9fbbce rgb(159,187,206)
```
#acc5d5
```
#acc5d5 rgb(172,197,213)
```
#b9cedb
```
#b9cedb rgb(185,206,219)
```
#c6d7e2
```
#c6d7e2 rgb(198,215,226)
```
#d3e0e8
```
#d3e0e8 rgb(211,224,232)
```
#e0e9ef
```
#e0e9ef rgb(224,233,239)
```
#edf2f6
```
#edf2f6 rgb(237,242,246)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #97999b is the less saturated color, while #39adf9 is the most saturated one.

#97999b
```
#97999b rgb(151,153,155)
```
#909ba2
```
#909ba2 rgb(144,155,162)
```
#889daa
```
#889daa rgb(136,157,170)
```
#809eb2
```
#809eb2 rgb(128,158,178)
```
#78a0ba
```
#78a0ba rgb(120,160,186)
```
#70a2c2
```
#70a2c2 rgb(112,162,194)
```
#68a3ca
```
#68a3ca rgb(104,163,202)
```
#60a5d2
```
#60a5d2 rgb(96,165,210)
```
#59a7d9
```
#59a7d9 rgb(89,167,217)
```
#51a8e1
```
#51a8e1 rgb(81,168,225)
```
#49aae9
```
#49aae9 rgb(73,170,233)
```
#41acf1
```
#41acf1 rgb(65,172,241)
```
#39adf9
```
#39adf9 rgb(57,173,249)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#91999e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a9eb9 Protanopia 1% of men
#9d9cc0 Deuteranopia 1% of men
#7ba6b2 Tritanopia 0.001% of the population

Trichromacy

#8d9fb9 Protanomaly 1% of men, 0.01% of women
#8f9ebe Deuteranomaly 6% of men, 0.4% of women
#7aa4b5 Tritanomaly 0.01% of the population

#78a0ba hex color

#78a0ba Color Information

#78a0ba Color Conversion

Color Schemes with #78a0ba

Alternatives to #78a0ba

#78a0ba Preview

Shades and Tints of #78a0ba

Tones of #78a0ba

Color Blindness Simulator