#78bbbf hex color

In a RGB color space, hex #78bbbf is composed of 47.1% red, 73.3% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 37.2% cyan, 2.1% magenta, 0% yellow and 25.1% black. It has a hue angle of 183.4 degrees, a saturation of 35.7% and a lightness of 61%. #78bbbf color hex could be obtained by blending #f0ffff with #00777f. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 47
- G 73
- B 75
RGB color chart
- C 37
- M 2
- Y 0
- K 25
CMYK color chart

● #78bbbf color description : Slightly desaturated cyan.

The hexadecimal color #78bbbf has RGB values of R:120, G:187, B:191 and CMYK values of C:0.37, M:0.02, Y:0, K:0.25. Its decimal value is 7912383.

Hex triplet	78bbbf	`#78bbbf`
RGB Decimal	120, 187, 191	`rgb(120,187,191)`
RGB Percent	47.1, 73.3, 74.9	`rgb(47.1%,73.3%,74.9%)`
CMYK	37, 2, 0, 25
HSL	183.4°, 35.7, 61	`hsl(183.4,35.7%,61%)`
HSV (or HSB)	183.4°, 37.2, 74.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.754, -20.148, -8.754
XYZ	34.918, 43.294, 55.804
xyY	0.261, 0.323, 43.294
CIE-LCH	71.754, 21.968, 203.484
CIE-LUV	71.754, -31.581, -10.136
Hunter-Lab	65.798, -20.42, -4.226
Binary	01111000, 10111011, 10111111

#78bbbf
```
#78bbbf rgb(120,187,191)
```
#bf7c78
```
#bf7c78 rgb(191,124,120)
```

Complementary Color

#78bfa0
```
#78bfa0 rgb(120,191,160)
```
#78bbbf
```
#78bbbf rgb(120,187,191)
```
#7898bf
```
#7898bf rgb(120,152,191)
```

Analogous Color

#bfa078
```
#bfa078 rgb(191,160,120)
```
#78bbbf
```
#78bbbf rgb(120,187,191)
```
#bf7898
```
#bf7898 rgb(191,120,152)
```

Split Complementary Color

#bbbf78
```
#bbbf78 rgb(187,191,120)
```
#78bbbf
```
#78bbbf rgb(120,187,191)
```
#bf78bb
```
#bf78bb rgb(191,120,187)
```

Triadic Color

#78bf7c
```
#78bf7c rgb(120,191,124)
```
#78bbbf
```
#78bbbf rgb(120,187,191)
```
#bf78bb
```
#bf78bb rgb(191,120,187)
```
#bf7c78
```
#bf7c78 rgb(191,124,120)
```

Tetradic Color

#4b9a9f
```
#4b9a9f rgb(75,154,159)
```
#55aaaf
```
#55aaaf rgb(85,170,175)
```
#67b2b7
```
#67b2b7 rgb(103,178,183)
```
#78bbbf
```
#78bbbf rgb(120,187,191)
```
#89c4c7
```
#89c4c7 rgb(137,196,199)
```
#9bcccf
```
#9bcccf rgb(155,204,207)
```
#acd5d8
```
#acd5d8 rgb(172,213,216)
```

Monochromatic Color

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

#78bfb1
```
#78bfb1 rgb(120,191,177)
```
#78bfb7
```
#78bfb7 rgb(120,191,183)
```
#78bfbd
```
#78bfbd rgb(120,191,189)
```
#78bbbf
```
#78bbbf rgb(120,187,191)
```
#78b5bf
```
#78b5bf rgb(120,181,191)
```
#78afbf
```
#78afbf rgb(120,175,191)
```
#78a9bf
```
#78a9bf rgb(120,169,191)
```

Similar Colors

Text with hexadecimal color #78bbbf

This text has a font color of #78bbbf.

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

#78bbbf background color

This paragraph has a background color of #78bbbf.

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

#78bbbf border color

This element has a border color of #78bbbf.

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

CSS codes

.text {color:#78bbbf;}

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

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

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, #050b0b is the darkest color, while #fdfefe is the lightest one.

#050b0b
```
#050b0b rgb(5,11,11)
```
#0c1819
```
#0c1819 rgb(12,24,25)
```
#122526
```
#122526 rgb(18,37,38)
```
#183233
```
#183233 rgb(24,50,51)
```
#1f3f41
```
#1f3f41 rgb(31,63,65)
```
#254c4e
```
#254c4e rgb(37,76,78)
```
#2b595b
```
#2b595b rgb(43,89,91)
```
#326569
```
#326569 rgb(50,101,105)
```
#387276
```
#387276 rgb(56,114,118)
```
#3e7f83
```
#3e7f83 rgb(62,127,131)
```
#448c90
```
#448c90 rgb(68,140,144)
```
#4b999e
```
#4b999e rgb(75,153,158)
```
#51a6ab
```
#51a6ab rgb(81,166,171)
```

Shade Color Variation

#5daeb2
```
#5daeb2 rgb(93,174,178)
```
#6bb4b9
```
#6bb4b9 rgb(107,180,185)
```
#78bbbf
```
#78bbbf rgb(120,187,191)
```
#85c2c5
```
#85c2c5 rgb(133,194,197)
```
#93c8cc
```
#93c8cc rgb(147,200,204)
```
#a0cfd2
```
#a0cfd2 rgb(160,207,210)
```
#add6d8
```
#add6d8 rgb(173,214,216)
```
#bbdddf
```
#bbdddf rgb(187,221,223)
```
#c8e3e5
```
#c8e3e5 rgb(200,227,229)
```
#d5eaeb
```
#d5eaeb rgb(213,234,235)
```
#e2f1f1
```
#e2f1f1 rgb(226,241,241)
```
#f0f7f8
```
#f0f7f8 rgb(240,247,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#97a0a0
```
#97a0a0 rgb(151,160,160)
```
#8fa7a8
```
#8fa7a8 rgb(143,167,168)
```
#87adb0
```
#87adb0 rgb(135,173,176)
```
#80b4b7
```
#80b4b7 rgb(128,180,183)
```
#78bbbf
```
#78bbbf rgb(120,187,191)
```
#70c2c7
```
#70c2c7 rgb(112,194,199)
```
#69c9ce
```
#69c9ce rgb(105,201,206)
```
#61cfd6
```
#61cfd6 rgb(97,207,214)
```
#59d6de
```
#59d6de rgb(89,214,222)
```
#52dde5
```
#52dde5 rgb(82,221,229)
```
#4ae4ed
```
#4ae4ed rgb(74,228,237)
```
#42ebf5
```
#42ebf5 rgb(66,235,245)
```
#3bf1fc
```
#3bf1fc rgb(59,241,252)
```

Tone Color Variation

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

Dichromacy

#b4b2bb Protanopia 1% of men
#baafc7 Deuteranopia 1% of men
#81bdca Tritanopia 0.001% of the population

Trichromacy

#9eb5bc Protanomaly 1% of men, 0.01% of women
#a2b3c4 Deuteranomaly 6% of men, 0.4% of women
#7ebcc6 Tritanomaly 0.01% of the population

#78bbbf hex color

#78bbbf Color Information

#78bbbf Color Conversion

Color Schemes with #78bbbf

Alternatives to #78bbbf

#78bbbf Preview

Shades and Tints of #78bbbf

Tones of #78bbbf

Color Blindness Simulator