#78bbb8 hex color

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

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

● #78bbb8 color description : Slightly desaturated cyan.

The hexadecimal color #78bbb8 has RGB values of R:120, G:187, B:184 and CMYK values of C:0.36, M:0, Y:0.02, K:0.27. Its decimal value is 7912376.

Hex triplet	78bbb8	`#78bbb8`
RGB Decimal	120, 187, 184	`rgb(120,187,184)`
RGB Percent	47.1, 73.3, 72.2	`rgb(47.1%,73.3%,72.2%)`
CMYK	36, 0, 2, 27
HSL	177.3°, 33, 60.2	`hsl(177.3,33%,60.2%)`
HSV (or HSB)	177.3°, 35.8, 73.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.55, -21.86, -5.225
XYZ	34.165, 42.993, 51.843
xyY	0.265, 0.333, 42.993
CIE-LCH	71.55, 22.476, 193.443
CIE-LUV	71.55, -31.71, -4.382
Hunter-Lab	65.569, -21.736, -0.98
Binary	01111000, 10111011, 10111000

#78bbb8
```
#78bbb8 rgb(120,187,184)
```
#bb787b
```
#bb787b rgb(187,120,123)
```

Complementary Color

#78bb97
```
#78bb97 rgb(120,187,151)
```
#78bbb8
```
#78bbb8 rgb(120,187,184)
```
#789dbb
```
#789dbb rgb(120,157,187)
```

Analogous Color

#bb9778
```
#bb9778 rgb(187,151,120)
```
#78bbb8
```
#78bbb8 rgb(120,187,184)
```
#bb789d
```
#bb789d rgb(187,120,157)
```

Split Complementary Color

#bbb878
```
#bbb878 rgb(187,184,120)
```
#78bbb8
```
#78bbb8 rgb(120,187,184)
```
#b878bb
```
#b878bb rgb(184,120,187)
```

Triadic Color

#7bbb78
```
#7bbb78 rgb(123,187,120)
```
#78bbb8
```
#78bbb8 rgb(120,187,184)
```
#b878bb
```
#b878bb rgb(184,120,187)
```
#bb787b
```
#bb787b rgb(187,120,123)
```

Tetradic Color

#4d9996
```
#4d9996 rgb(77,153,150)
```
#56aaa6
```
#56aaa6 rgb(86,170,166)
```
#67b2af
```
#67b2af rgb(103,178,175)
```
#78bbb8
```
#78bbb8 rgb(120,187,184)
```
#89c4c1
```
#89c4c1 rgb(137,196,193)
```
#9accca
```
#9accca rgb(154,204,202)
```
#abd5d3
```
#abd5d3 rgb(171,213,211)
```

Monochromatic Color

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

#78bba7
```
#78bba7 rgb(120,187,167)
```
#78bbad
```
#78bbad rgb(120,187,173)
```
#78bbb2
```
#78bbb2 rgb(120,187,178)
```
#78bbb8
```
#78bbb8 rgb(120,187,184)
```
#78b8bb
```
#78b8bb rgb(120,184,187)
```
#78b3bb
```
#78b3bb rgb(120,179,187)
```
#78adbb
```
#78adbb rgb(120,173,187)
```

Similar Colors

Text with hexadecimal color #78bbb8

This text has a font color of #78bbb8.

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

#78bbb8 background color

This paragraph has a background color of #78bbb8.

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

#78bbb8 border color

This element has a border color of #78bbb8.

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

CSS codes

.text {color:#78bbb8;}

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

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

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)
```
#1f3d3b
```
#1f3d3b rgb(31,61,59)
```
#254a48
```
#254a48 rgb(37,74,72)
```
#2c5755
```
#2c5755 rgb(44,87,85)
```
#326462
```
#326462 rgb(50,100,98)
```
#39716e
```
#39716e rgb(57,113,110)
```
#3f7e7b
```
#3f7e7b rgb(63,126,123)
```
#468b88
```
#468b88 rgb(70,139,136)
```
#4d9895
```
#4d9895 rgb(77,152,149)
```
#53a5a1
```
#53a5a1 rgb(83,165,161)
```

Shade Color Variation

#5eaeaa
```
#5eaeaa rgb(94,174,170)
```
#6bb4b1
```
#6bb4b1 rgb(107,180,177)
```
#78bbb8
```
#78bbb8 rgb(120,187,184)
```
#85c2bf
```
#85c2bf rgb(133,194,191)
```
#92c8c6
```
#92c8c6 rgb(146,200,198)
```
#9fcfcd
```
#9fcfcd rgb(159,207,205)
```
#acd5d3
```
#acd5d3 rgb(172,213,211)
```
#b9dcda
```
#b9dcda rgb(185,220,218)
```
#c6e2e1
```
#c6e2e1 rgb(198,226,225)
```
#d3e9e8
```
#d3e9e8 rgb(211,233,232)
```
#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 #3af9f1 is the most saturated one.

#979c9c
```
#979c9c rgb(151,156,156)
```
#8fa4a3
```
#8fa4a3 rgb(143,164,163)
```
#88abaa
```
#88abaa rgb(136,171,170)
```
#80b3b1
```
#80b3b1 rgb(128,179,177)
```
#78bbb8
```
#78bbb8 rgb(120,187,184)
```
#70c3bf
```
#70c3bf rgb(112,195,191)
```
#68cbc6
```
#68cbc6 rgb(104,203,198)
```
#61d2cd
```
#61d2cd rgb(97,210,205)
```
#59dad4
```
#59dad4 rgb(89,218,212)
```
#51e2dc
```
#51e2dc rgb(81,226,220)
```
#49eae3
```
#49eae3 rgb(73,234,227)
```
#41f2ea
```
#41f2ea rgb(65,242,234)
```
#3af9f1
```
#3af9f1 rgb(58,249,241)
```

Tone Color Variation

Below, you can see how #78bbb8 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
#9eabaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5b2b5 Protanopia 1% of men
#bdaec1 Deuteranopia 1% of men
#83bcc9 Tritanopia 0.001% of the population

Trichromacy

#9fb5b6 Protanomaly 1% of men, 0.01% of women
#a4b3bd Deuteranomaly 6% of men, 0.4% of women
#7fbbc3 Tritanomaly 0.01% of the population

#78bbb8 hex color

#78bbb8 Color Information

#78bbb8 Color Conversion

Color Schemes with #78bbb8

Alternatives to #78bbb8

#78bbb8 Preview

Shades and Tints of #78bbb8

Tones of #78bbb8

Color Blindness Simulator