#78a4ba hex color

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

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

● #78a4ba color description : Slightly desaturated blue.

The hexadecimal color #78a4ba has RGB values of R:120, G:164, B:186 and CMYK values of C:0.35, M:0.12, Y:0, K:0.27. Its decimal value is 7906490.

Hex triplet	78a4ba	`#78a4ba`
RGB Decimal	120, 164, 186	`rgb(120,164,186)`
RGB Percent	47.1, 64.3, 72.9	`rgb(47.1%,64.3%,72.9%)`
CMYK	35, 12, 0, 27
HSL	200°, 32.4, 60	`hsl(200,32.4%,60%)`
HSV (or HSB)	200°, 35.5, 72.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	65.032, -9.292, -16.074
XYZ	29.882, 34.088, 51.457
xyY	0.259, 0.295, 34.088
CIE-LCH	65.032, 18.566, 239.969
CIE-LUV	65.032, -21.979, -23.057
Hunter-Lab	58.385, -10.815, -11.385
Binary	01111000, 10100100, 10111010

#78a4ba
```
#78a4ba rgb(120,164,186)
```
#ba8e78
```
#ba8e78 rgb(186,142,120)
```

Complementary Color

#78baaf
```
#78baaf rgb(120,186,175)
```
#78a4ba
```
#78a4ba rgb(120,164,186)
```
#7883ba
```
#7883ba rgb(120,131,186)
```

Analogous Color

#baaf78
```
#baaf78 rgb(186,175,120)
```
#78a4ba
```
#78a4ba rgb(120,164,186)
```
#ba7883
```
#ba7883 rgb(186,120,131)
```

Split Complementary Color

#a4ba78
```
#a4ba78 rgb(164,186,120)
```
#78a4ba
```
#78a4ba rgb(120,164,186)
```
#ba78a4
```
#ba78a4 rgb(186,120,164)
```

Triadic Color

#78ba8e
```
#78ba8e rgb(120,186,142)
```
#78a4ba
```
#78a4ba rgb(120,164,186)
```
#ba78a4
```
#ba78a4 rgb(186,120,164)
```
#ba8e78
```
#ba8e78 rgb(186,142,120)
```

Tetradic Color

#4e7f98
```
#4e7f98 rgb(78,127,152)
```
#568da9
```
#568da9 rgb(86,141,169)
```
#6799b1
```
#6799b1 rgb(103,153,177)
```
#78a4ba
```
#78a4ba rgb(120,164,186)
```
#89afc3
```
#89afc3 rgb(137,175,195)
```
#9abbcb
```
#9abbcb rgb(154,187,203)
```
#abc6d4
```
#abc6d4 rgb(171,198,212)
```

Monochromatic Color

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

#78b5ba
```
#78b5ba rgb(120,181,186)
```
#78afba
```
#78afba rgb(120,175,186)
```
#78aaba
```
#78aaba rgb(120,170,186)
```
#78a4ba
```
#78a4ba rgb(120,164,186)
```
#789fba
```
#789fba rgb(120,159,186)
```
#7899ba
```
#7899ba rgb(120,153,186)
```
#7894ba
```
#7894ba rgb(120,148,186)
```

Similar Colors

Text with hexadecimal color #78a4ba

This text has a font color of #78a4ba.

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

#78a4ba background color

This paragraph has a background color of #78a4ba.

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

#78a4ba border color

This element has a border color of #78a4ba.

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

CSS codes

.text {color:#78a4ba;}

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

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

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

#040708
```
#040708 rgb(4,7,8)
```
#0b1115
```
#0b1115 rgb(11,17,21)
```
#111c22
```
#111c22 rgb(17,28,34)
```
#18272f
```
#18272f rgb(24,39,47)
```
#1f323c
```
#1f323c rgb(31,50,60)
```
#253d49
```
#253d49 rgb(37,61,73)
```
#2c4856
```
#2c4856 rgb(44,72,86)
```
#325363
```
#325363 rgb(50,83,99)
```
#395d70
```
#395d70 rgb(57,93,112)
```
#40687d
```
#40687d rgb(64,104,125)
```
#46738a
```
#46738a rgb(70,115,138)
```
#4d7e97
```
#4d7e97 rgb(77,126,151)
```
#5489a4
```
#5489a4 rgb(84,137,164)
```

Shade Color Variation

#5e93ad
```
#5e93ad rgb(94,147,173)
```
#6b9bb3
```
#6b9bb3 rgb(107,155,179)
```
#78a4ba
```
#78a4ba rgb(120,164,186)
```
#85adc1
```
#85adc1 rgb(133,173,193)
```
#92b6c7
```
#92b6c7 rgb(146,182,199)
```
#9fbece
```
#9fbece rgb(159,190,206)
```
#acc7d5
```
#acc7d5 rgb(172,199,213)
```
#b9d0db
```
#b9d0db rgb(185,208,219)
```
#c6d9e2
```
#c6d9e2 rgb(198,217,226)
```
#d3e1e8
```
#d3e1e8 rgb(211,225,232)
```
#e0eaef
```
#e0eaef rgb(224,234,239)
```
#edf3f6
```
#edf3f6 rgb(237,243,246)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

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

#979a9b
```
#979a9b rgb(151,154,155)
```
#909ca2
```
#909ca2 rgb(144,156,162)
```
#889faa
```
#889faa rgb(136,159,170)
```
#80a1b2
```
#80a1b2 rgb(128,161,178)
```
#78a4ba
```
#78a4ba rgb(120,164,186)
```
#70a7c2
```
#70a7c2 rgb(112,167,194)
```
#68a9ca
```
#68a9ca rgb(104,169,202)
```
#60acd2
```
#60acd2 rgb(96,172,210)
```
#59aed9
```
#59aed9 rgb(89,174,217)
```
#51b1e1
```
#51b1e1 rgb(81,177,225)
```
#49b4e9
```
#49b4e9 rgb(73,180,233)
```
#41b6f1
```
#41b6f1 rgb(65,182,241)
```
#39b9f9
```
#39b9f9 rgb(57,185,249)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#929ba0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ea1b9 Protanopia 1% of men
#a29fc0 Deuteranopia 1% of men
#7caab6 Tritanopia 0.001% of the population

Trichromacy

#90a2b9 Protanomaly 1% of men, 0.01% of women
#92a1be Deuteranomaly 6% of men, 0.4% of women
#7ba7b7 Tritanomaly 0.01% of the population

#78a4ba hex color

#78a4ba Color Information

#78a4ba Color Conversion

Color Schemes with #78a4ba

Alternatives to #78a4ba

#78a4ba Preview

Shades and Tints of #78a4ba

Tones of #78a4ba

Color Blindness Simulator