#78b8b4 hex color

In a RGB color space, hex #78b8b4 is composed of 47.1% red, 72.2% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 34.8% cyan, 0% magenta, 2.2% yellow and 27.8% black. It has a hue angle of 176.3 degrees, a saturation of 31.1% and a lightness of 59.6%. #78b8b4 color hex could be obtained by blending #f0ffff with #007169. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 47
- G 72
- B 71
RGB color chart
- C 35
- M 0
- Y 2
- K 28
CMYK color chart

● #78b8b4 color description : Slightly desaturated cyan.

The hexadecimal color #78b8b4 has RGB values of R:120, G:184, B:180 and CMYK values of C:0.35, M:0, Y:0.02, K:0.28. Its decimal value is 7911604.

Hex triplet	78b8b4	`#78b8b4`
RGB Decimal	120, 184, 180	`rgb(120,184,180)`
RGB Percent	47.1, 72.2, 70.6	`rgb(47.1%,72.2%,70.6%)`
CMYK	35, 0, 2, 28
HSL	176.3°, 31.1, 59.6	`hsl(176.3,31.1%,59.6%)`
HSV (or HSB)	176.3°, 34.8, 72.2
Web Safe	66cccc	`#66cccc`

CIE-LAB	70.572, -21.3, -4.476
XYZ	33.122, 41.568, 49.456
xyY	0.267, 0.335, 41.568
CIE-LCH	70.572, 21.765, 191.869
CIE-LUV	70.572, -30.512, -3.309
Hunter-Lab	64.473, -21.126, -0.349
Binary	01111000, 10111000, 10110100

#78b8b4
```
#78b8b4 rgb(120,184,180)
```
#b8787c
```
#b8787c rgb(184,120,124)
```

Complementary Color

#78b894
```
#78b894 rgb(120,184,148)
```
#78b8b4
```
#78b8b4 rgb(120,184,180)
```
#789cb8
```
#789cb8 rgb(120,156,184)
```

Analogous Color

#b89478
```
#b89478 rgb(184,148,120)
```
#78b8b4
```
#78b8b4 rgb(120,184,180)
```
#b8789c
```
#b8789c rgb(184,120,156)
```

Split Complementary Color

#b8b478
```
#b8b478 rgb(184,180,120)
```
#78b8b4
```
#78b8b4 rgb(120,184,180)
```
#b478b8
```
#b478b8 rgb(180,120,184)
```

Triadic Color

#7cb878
```
#7cb878 rgb(124,184,120)
```
#78b8b4
```
#78b8b4 rgb(120,184,180)
```
#b478b8
```
#b478b8 rgb(180,120,184)
```
#b8787c
```
#b8787c rgb(184,120,124)
```

Tetradic Color

#4e9591
```
#4e9591 rgb(78,149,145)
```
#57a6a1
```
#57a6a1 rgb(87,166,161)
```
#67afab
```
#67afab rgb(103,175,171)
```
#78b8b4
```
#78b8b4 rgb(120,184,180)
```
#89c1bd
```
#89c1bd rgb(137,193,189)
```
#99cac7
```
#99cac7 rgb(153,202,199)
```
#aad2d0
```
#aad2d0 rgb(170,210,208)
```

Monochromatic Color

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

#78b8a4
```
#78b8a4 rgb(120,184,164)
```
#78b8a9
```
#78b8a9 rgb(120,184,169)
```
#78b8af
```
#78b8af rgb(120,184,175)
```
#78b8b4
```
#78b8b4 rgb(120,184,180)
```
#78b7b8
```
#78b7b8 rgb(120,183,184)
```
#78b1b8
```
#78b1b8 rgb(120,177,184)
```
#78acb8
```
#78acb8 rgb(120,172,184)
```

Similar Colors

Text with hexadecimal color #78b8b4

This text has a font color of #78b8b4.

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

#78b8b4 background color

This paragraph has a background color of #78b8b4.

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

#78b8b4 border color

This element has a border color of #78b8b4.

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

CSS codes

.text {color:#78b8b4;}

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

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

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

#030606
```
#030606 rgb(3,6,6)
```
#0a1313
```
#0a1313 rgb(10,19,19)
```
#11201f
```
#11201f rgb(17,32,31)
```
#182d2c
```
#182d2c rgb(24,45,44)
```
#1e3a38
```
#1e3a38 rgb(30,58,56)
```
#254745
```
#254745 rgb(37,71,69)
```
#2c5451
```
#2c5451 rgb(44,84,81)
```
#33605e
```
#33605e rgb(51,96,94)
```
#396d6a
```
#396d6a rgb(57,109,106)
```
#407a76
```
#407a76 rgb(64,122,118)
```
#478783
```
#478783 rgb(71,135,131)
```
#4e948f
```
#4e948f rgb(78,148,143)
```
#54a19c
```
#54a19c rgb(84,161,156)
```

Shade Color Variation

#5eaaa6
```
#5eaaa6 rgb(94,170,166)
```
#6bb1ad
```
#6bb1ad rgb(107,177,173)
```
#78b8b4
```
#78b8b4 rgb(120,184,180)
```
#85bfbb
```
#85bfbb rgb(133,191,187)
```
#92c6c2
```
#92c6c2 rgb(146,198,194)
```
#9fccc9
```
#9fccc9 rgb(159,204,201)
```
#abd3d1
```
#abd3d1 rgb(171,211,209)
```
#b8dad8
```
#b8dad8 rgb(184,218,216)
```
#c5e1df
```
#c5e1df rgb(197,225,223)
```
#d2e7e6
```
#d2e7e6 rgb(210,231,230)
```
#dfeeed
```
#dfeeed rgb(223,238,237)
```
#ecf5f4
```
#ecf5f4 rgb(236,245,244)
```
#f9fcfb
```
#f9fcfb rgb(249,252,251)
```

Tint Color Variation

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

#989898
```
#989898 rgb(152,152,152)
```
#90a09f
```
#90a09f rgb(144,160,159)
```
#88a8a6
```
#88a8a6 rgb(136,168,166)
```
#80b0ad
```
#80b0ad rgb(128,176,173)
```
#78b8b4
```
#78b8b4 rgb(120,184,180)
```
#70c0bb
```
#70c0bb rgb(112,192,187)
```
#68c8c2
```
#68c8c2 rgb(104,200,194)
```
#60d0c9
```
#60d0c9 rgb(96,208,201)
```
#58d8d0
```
#58d8d0 rgb(88,216,208)
```
#50e0d7
```
#50e0d7 rgb(80,224,215)
```
#48e8de
```
#48e8de rgb(72,232,222)
```
#41efe5
```
#41efe5 rgb(65,239,229)
```
#39f7eb
```
#39f7eb rgb(57,247,235)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#9ba8a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3b0b1 Protanopia 1% of men
#bbacbd Deuteranopia 1% of men
#83b9c6 Tritanopia 0.001% of the population

Trichromacy

#9db2b2 Protanomaly 1% of men, 0.01% of women
#a2b0b9 Deuteranomaly 6% of men, 0.4% of women
#7fb8bf Tritanomaly 0.01% of the population

#78b8b4 hex color

#78b8b4 Color Information

#78b8b4 Color Conversion

Color Schemes with #78b8b4

Alternatives to #78b8b4

#78b8b4 Preview

Shades and Tints of #78b8b4

Tones of #78b8b4

Color Blindness Simulator