#78abbc hex color

In a RGB color space, hex #78abbc is composed of 47.1% red, 67.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 36.2% cyan, 9% magenta, 0% yellow and 26.3% black. It has a hue angle of 195 degrees, a saturation of 33.7% and a lightness of 60.4%. #78abbc color hex could be obtained by blending #f0ffff with #005779. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 47
- G 67
- B 74
RGB color chart
- C 36
- M 9
- Y 0
- K 26
CMYK color chart

● #78abbc color description : Slightly desaturated blue.

The hexadecimal color #78abbc has RGB values of R:120, G:171, B:188 and CMYK values of C:0.36, M:0.09, Y:0, K:0.26. Its decimal value is 7908284.

Hex triplet	78abbc	`#78abbc`
RGB Decimal	120, 171, 188	`rgb(120,171,188)`
RGB Percent	47.1, 67.1, 73.7	`rgb(47.1%,67.1%,73.7%)`
CMYK	36, 9, 0, 26
HSL	195°, 33.7, 60.4	`hsl(195,33.7%,60.4%)`
HSV (or HSB)	195°, 36.2, 73.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.088, -12.55, -14.085
XYZ	31.384, 36.748, 53.014
xyY	0.259, 0.303, 36.748
CIE-LCH	67.088, 18.865, 228.299
CIE-LUV	67.088, -24.923, -19.528
Hunter-Lab	60.62, -13.675, -9.416
Binary	01111000, 10101011, 10111100

#78abbc
```
#78abbc rgb(120,171,188)
```
#bc8978
```
#bc8978 rgb(188,137,120)
```

Complementary Color

#78bcab
```
#78bcab rgb(120,188,171)
```
#78abbc
```
#78abbc rgb(120,171,188)
```
#7889bc
```
#7889bc rgb(120,137,188)
```

Analogous Color

#bcab78
```
#bcab78 rgb(188,171,120)
```
#78abbc
```
#78abbc rgb(120,171,188)
```
#bc7889
```
#bc7889 rgb(188,120,137)
```

Split Complementary Color

#abbc78
```
#abbc78 rgb(171,188,120)
```
#78abbc
```
#78abbc rgb(120,171,188)
```
#bc78ab
```
#bc78ab rgb(188,120,171)
```

Triadic Color

#78bc89
```
#78bc89 rgb(120,188,137)
```
#78abbc
```
#78abbc rgb(120,171,188)
```
#bc78ab
```
#bc78ab rgb(188,120,171)
```
#bc8978
```
#bc8978 rgb(188,137,120)
```

Tetradic Color

#4d879b
```
#4d879b rgb(77,135,155)
```
#5696ab
```
#5696ab rgb(86,150,171)
```
#67a0b4
```
#67a0b4 rgb(103,160,180)
```
#78abbc
```
#78abbc rgb(120,171,188)
```
#89b6c4
```
#89b6c4 rgb(137,182,196)
```
#9ac0cd
```
#9ac0cd rgb(154,192,205)
```
#abcbd5
```
#abcbd5 rgb(171,203,213)
```

Monochromatic Color

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

#78bcbc
```
#78bcbc rgb(120,188,188)
```
#78b6bc
```
#78b6bc rgb(120,182,188)
```
#78b1bc
```
#78b1bc rgb(120,177,188)
```
#78abbc
```
#78abbc rgb(120,171,188)
```
#78a5bc
```
#78a5bc rgb(120,165,188)
```
#78a0bc
```
#78a0bc rgb(120,160,188)
```
#789abc
```
#789abc rgb(120,154,188)
```

Similar Colors

Text with hexadecimal color #78abbc

This text has a font color of #78abbc.

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

#78abbc background color

This paragraph has a background color of #78abbc.

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

#78abbc border color

This element has a border color of #78abbc.

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

CSS codes

.text {color:#78abbc;}

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

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

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

#050809
```
#050809 rgb(5,8,9)
```
#0b1416
```
#0b1416 rgb(11,20,22)
```
#121f23
```
#121f23 rgb(18,31,35)
```
#182a31
```
#182a31 rgb(24,42,49)
```
#1f363e
```
#1f363e rgb(31,54,62)
```
#25414b
```
#25414b rgb(37,65,75)
```
#2c4d58
```
#2c4d58 rgb(44,77,88)
```
#325865
```
#325865 rgb(50,88,101)
```
#396472
```
#396472 rgb(57,100,114)
```
#3f6f7f
```
#3f6f7f rgb(63,111,127)
```
#467b8c
```
#467b8c rgb(70,123,140)
```
#4c8699
```
#4c8699 rgb(76,134,153)
```
#5392a7
```
#5392a7 rgb(83,146,167)
```

Shade Color Variation

#5e9baf
```
#5e9baf rgb(94,155,175)
```
#6ba3b5
```
#6ba3b5 rgb(107,163,181)
```
#78abbc
```
#78abbc rgb(120,171,188)
```
#85b3c3
```
#85b3c3 rgb(133,179,195)
```
#92bbc9
```
#92bbc9 rgb(146,187,201)
```
#9fc3d0
```
#9fc3d0 rgb(159,195,208)
```
#acccd6
```
#acccd6 rgb(172,204,214)
```
#bad4dd
```
#bad4dd rgb(186,212,221)
```
#c7dce3
```
#c7dce3 rgb(199,220,227)
```
#d4e4ea
```
#d4e4ea rgb(212,228,234)
```
#e1ecf0
```
#e1ecf0 rgb(225,236,240)
```
#eef4f7
```
#eef4f7 rgb(238,244,247)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#979b9d
```
#979b9d rgb(151,155,157)
```
#8f9fa5
```
#8f9fa5 rgb(143,159,165)
```
#88a3ac
```
#88a3ac rgb(136,163,172)
```
#80a7b4
```
#80a7b4 rgb(128,167,180)
```
#78abbc
```
#78abbc rgb(120,171,188)
```
#70afc4
```
#70afc4 rgb(112,175,196)
```
#68b3cc
```
#68b3cc rgb(104,179,204)
```
#61b7d3
```
#61b7d3 rgb(97,183,211)
```
#59bbdb
```
#59bbdb rgb(89,187,219)
```
#51bee3
```
#51bee3 rgb(81,190,227)
```
#49c2eb
```
#49c2eb rgb(73,194,235)
```
#42c6f2
```
#42c6f2 rgb(66,198,242)
```
#3acafa
```
#3acafa rgb(58,202,250)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#96a1a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a6ba Protanopia 1% of men
#a9a4c3 Deuteranopia 1% of men
#7eafbc Tritanopia 0.001% of the population

Trichromacy

#94a8bb Protanomaly 1% of men, 0.01% of women
#97a6c0 Deuteranomaly 6% of men, 0.4% of women
#7baebc Tritanomaly 0.01% of the population

#78abbc hex color

#78abbc Color Information

#78abbc Color Conversion

Color Schemes with #78abbc

Alternatives to #78abbc

#78abbc Preview

Shades and Tints of #78abbc

Tones of #78abbc

Color Blindness Simulator