#78bbba hex color

In a RGB color space, hex #78bbba is composed of 47.1% red, 73.3% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 35.8% cyan, 0% magenta, 0.5% yellow and 26.7% black. It has a hue angle of 179.1 degrees, a saturation of 33% and a lightness of 60.2%. #78bbba color hex could be obtained by blending #f0ffff with #007775. Closest websafe color is: #66cccc.

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

● #78bbba color description : Slightly desaturated cyan.

The hexadecimal color #78bbba has RGB values of R:120, G:187, B:186 and CMYK values of C:0.36, M:0, Y:0.01, K:0.27. Its decimal value is 7912378.

Hex triplet	78bbba	`#78bbba`
RGB Decimal	120, 187, 186	`rgb(120,187,186)`
RGB Percent	47.1, 73.3, 72.9	`rgb(47.1%,73.3%,72.9%)`
CMYK	36, 0, 1, 27
HSL	179.1°, 33, 60.2	`hsl(179.1,33%,60.2%)`
HSV (or HSB)	179.1°, 35.8, 73.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.607, -21.376, -6.235
XYZ	34.377, 43.077, 52.955
xyY	0.264, 0.33, 43.077
CIE-LCH	71.607, 22.267, 196.261
CIE-LUV	71.607, -31.673, -6.018
Hunter-Lab	65.633, -21.365, -1.894
Binary	01111000, 10111011, 10111010

#78bbba
```
#78bbba rgb(120,187,186)
```
#bb7879
```
#bb7879 rgb(187,120,121)
```

Complementary Color

#78bb99
```
#78bb99 rgb(120,187,153)
```
#78bbba
```
#78bbba rgb(120,187,186)
```
#789bbb
```
#789bbb rgb(120,155,187)
```

Analogous Color

#bb9978
```
#bb9978 rgb(187,153,120)
```
#78bbba
```
#78bbba rgb(120,187,186)
```
#bb789b
```
#bb789b rgb(187,120,155)
```

Split Complementary Color

#bbba78
```
#bbba78 rgb(187,186,120)
```
#78bbba
```
#78bbba rgb(120,187,186)
```
#ba78bb
```
#ba78bb rgb(186,120,187)
```

Triadic Color

#79bb78
```
#79bb78 rgb(121,187,120)
```
#78bbba
```
#78bbba rgb(120,187,186)
```
#ba78bb
```
#ba78bb rgb(186,120,187)
```
#bb7879
```
#bb7879 rgb(187,120,121)
```

Tetradic Color

#4d9998
```
#4d9998 rgb(77,153,152)
```
#56aaa9
```
#56aaa9 rgb(86,170,169)
```
#67b2b1
```
#67b2b1 rgb(103,178,177)
```
#78bbba
```
#78bbba rgb(120,187,186)
```
#89c4c3
```
#89c4c3 rgb(137,196,195)
```
#9acccb
```
#9acccb rgb(154,204,203)
```
#abd5d4
```
#abd5d4 rgb(171,213,212)
```

Monochromatic Color

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

#78bba9
```
#78bba9 rgb(120,187,169)
```
#78bbaf
```
#78bbaf rgb(120,187,175)
```
#78bbb4
```
#78bbb4 rgb(120,187,180)
```
#78bbba
```
#78bbba rgb(120,187,186)
```
#78b6bb
```
#78b6bb rgb(120,182,187)
```
#78b1bb
```
#78b1bb rgb(120,177,187)
```
#78abbb
```
#78abbb rgb(120,171,187)
```

Similar Colors

Text with hexadecimal color #78bbba

This text has a font color of #78bbba.

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

#78bbba background color

This paragraph has a background color of #78bbba.

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

#78bbba border color

This element has a border color of #78bbba.

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

CSS codes

.text {color:#78bbba;}

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

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

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

#040808
```
#040808 rgb(4,8,8)
```
#0b1615
```
#0b1615 rgb(11,22,21)
```
#112322
```
#112322 rgb(17,35,34)
```
#18302f
```
#18302f rgb(24,48,47)
```
#1f3d3c
```
#1f3d3c rgb(31,61,60)
```
#254a49
```
#254a49 rgb(37,74,73)
```
#2c5756
```
#2c5756 rgb(44,87,86)
```
#326463
```
#326463 rgb(50,100,99)
```
#397170
```
#397170 rgb(57,113,112)
```
#3f7e7d
```
#3f7e7d rgb(63,126,125)
```
#468b8a
```
#468b8a rgb(70,139,138)
```
#4d9897
```
#4d9897 rgb(77,152,151)
```
#53a5a4
```
#53a5a4 rgb(83,165,164)
```

Shade Color Variation

#5eaead
```
#5eaead rgb(94,174,173)
```
#6bb4b3
```
#6bb4b3 rgb(107,180,179)
```
#78bbba
```
#78bbba rgb(120,187,186)
```
#85c2c1
```
#85c2c1 rgb(133,194,193)
```
#92c8c7
```
#92c8c7 rgb(146,200,199)
```
#9fcfce
```
#9fcfce rgb(159,207,206)
```
#acd5d5
```
#acd5d5 rgb(172,213,213)
```
#b9dcdb
```
#b9dcdb rgb(185,220,219)
```
#c6e2e2
```
#c6e2e2 rgb(198,226,226)
```
#d3e9e9
```
#d3e9e9 rgb(211,233,233)
```
#e0f0ef
```
#e0f0ef rgb(224,240,239)
```
#edf6f6
```
#edf6f6 rgb(237,246,246)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

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

#979c9c
```
#979c9c rgb(151,156,156)
```
#8fa4a3
```
#8fa4a3 rgb(143,164,163)
```
#88abab
```
#88abab rgb(136,171,171)
```
#80b3b2
```
#80b3b2 rgb(128,179,178)
```
#78bbba
```
#78bbba rgb(120,187,186)
```
#70c3c2
```
#70c3c2 rgb(112,195,194)
```
#68cbc9
```
#68cbc9 rgb(104,203,201)
```
#61d2d1
```
#61d2d1 rgb(97,210,209)
```
#59dad8
```
#59dad8 rgb(89,218,216)
```
#51e2e0
```
#51e2e0 rgb(81,226,224)
```
#49eae7
```
#49eae7 rgb(73,234,231)
```
#41f2ef
```
#41f2ef rgb(65,242,239)
```
#3af9f7
```
#3af9f7 rgb(58,249,247)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#9eabab Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5b2b7 Protanopia 1% of men
#bcaec3 Deuteranopia 1% of men
#83bcca Tritanopia 0.001% of the population

Trichromacy

#9fb5b8 Protanomaly 1% of men, 0.01% of women
#a3b3bf Deuteranomaly 6% of men, 0.4% of women
#7fbbc4 Tritanomaly 0.01% of the population

#78bbba hex color

#78bbba Color Information

#78bbba Color Conversion

Color Schemes with #78bbba

Alternatives to #78bbba

#78bbba Preview

Shades and Tints of #78bbba

Tones of #78bbba

Color Blindness Simulator