#78b2bb hex color

In a RGB color space, hex #78b2bb is composed of 47.1% red, 69.8% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 35.8% cyan, 4.8% magenta, 0% yellow and 26.7% black. It has a hue angle of 188.1 degrees, a saturation of 33% and a lightness of 60.2%. #78b2bb color hex could be obtained by blending #f0ffff with #006577. Closest websafe color is: #6699cc.

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

● #78b2bb color description : Slightly desaturated cyan.

The hexadecimal color #78b2bb has RGB values of R:120, G:178, B:187 and CMYK values of C:0.36, M:0.05, Y:0, K:0.27. Its decimal value is 7910075.

Hex triplet	78b2bb	`#78b2bb`
RGB Decimal	120, 178, 187	`rgb(120,178,187)`
RGB Percent	47.1, 69.8, 73.3	`rgb(47.1%,69.8%,73.3%)`
CMYK	36, 5, 0, 27
HSL	188.1°, 33, 60.2	`hsl(188.1,33%,60.2%)`
HSV (or HSB)	188.1°, 35.8, 73.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	69.055, -16.499, -10.582
XYZ	32.633, 39.42, 52.9
xyY	0.261, 0.315, 39.42
CIE-LCH	69.055, 19.601, 212.676
CIE-LUV	69.055, -27.876, -13.484
Hunter-Lab	62.785, -17.097, -6.005
Binary	01111000, 10110010, 10111011

#78b2bb
```
#78b2bb rgb(120,178,187)
```
#bb8178
```
#bb8178 rgb(187,129,120)
```

Complementary Color

#78bba3
```
#78bba3 rgb(120,187,163)
```
#78b2bb
```
#78b2bb rgb(120,178,187)
```
#7891bb
```
#7891bb rgb(120,145,187)
```

Analogous Color

#bba378
```
#bba378 rgb(187,163,120)
```
#78b2bb
```
#78b2bb rgb(120,178,187)
```
#bb7891
```
#bb7891 rgb(187,120,145)
```

Split Complementary Color

#b2bb78
```
#b2bb78 rgb(178,187,120)
```
#78b2bb
```
#78b2bb rgb(120,178,187)
```
#bb78b2
```
#bb78b2 rgb(187,120,178)
```

Triadic Color

#78bb81
```
#78bb81 rgb(120,187,129)
```
#78b2bb
```
#78b2bb rgb(120,178,187)
```
#bb78b2
```
#bb78b2 rgb(187,120,178)
```
#bb8178
```
#bb8178 rgb(187,129,120)
```

Tetradic Color

#4d8f99
```
#4d8f99 rgb(77,143,153)
```
#569faa
```
#569faa rgb(86,159,170)
```
#67a8b2
```
#67a8b2 rgb(103,168,178)
```
#78b2bb
```
#78b2bb rgb(120,178,187)
```
#89bcc4
```
#89bcc4 rgb(137,188,196)
```
#9ac5cc
```
#9ac5cc rgb(154,197,204)
```
#abcfd5
```
#abcfd5 rgb(171,207,213)
```

Monochromatic Color

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

#78bbb3
```
#78bbb3 rgb(120,187,179)
```
#78bbb9
```
#78bbb9 rgb(120,187,185)
```
#78b8bb
```
#78b8bb rgb(120,184,187)
```
#78b2bb
```
#78b2bb rgb(120,178,187)
```
#78acbb
```
#78acbb rgb(120,172,187)
```
#78a7bb
```
#78a7bb rgb(120,167,187)
```
#78a1bb
```
#78a1bb rgb(120,161,187)
```

Similar Colors

Text with hexadecimal color #78b2bb

This text has a font color of #78b2bb.

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

#78b2bb background color

This paragraph has a background color of #78b2bb.

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

#78b2bb border color

This element has a border color of #78b2bb.

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

CSS codes

.text {color:#78b2bb;}

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

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

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 #fafcfd is the lightest one.

#040808
```
#040808 rgb(4,8,8)
```
#0b1416
```
#0b1416 rgb(11,20,22)
```
#112023
```
#112023 rgb(17,32,35)
```
#182c30
```
#182c30 rgb(24,44,48)
```
#1f393d
```
#1f393d rgb(31,57,61)
```
#25454a
```
#25454a rgb(37,69,74)
```
#2c5157
```
#2c5157 rgb(44,81,87)
```
#325d64
```
#325d64 rgb(50,93,100)
```
#396971
```
#396971 rgb(57,105,113)
```
#3f767e
```
#3f767e rgb(63,118,126)
```
#46828b
```
#46828b rgb(70,130,139)
```
#4d8e98
```
#4d8e98 rgb(77,142,152)
```
#539aa5
```
#539aa5 rgb(83,154,165)
```

Shade Color Variation

#5ea3ae
```
#5ea3ae rgb(94,163,174)
```
#6babb4
```
#6babb4 rgb(107,171,180)
```
#78b2bb
```
#78b2bb rgb(120,178,187)
```
#85b9c2
```
#85b9c2 rgb(133,185,194)
```
#92c1c8
```
#92c1c8 rgb(146,193,200)
```
#9fc8cf
```
#9fc8cf rgb(159,200,207)
```
#acd0d5
```
#acd0d5 rgb(172,208,213)
```
#b9d7dc
```
#b9d7dc rgb(185,215,220)
```
#c6dfe2
```
#c6dfe2 rgb(198,223,226)
```
#d3e6e9
```
#d3e6e9 rgb(211,230,233)
```
#e0eef0
```
#e0eef0 rgb(224,238,240)
```
#edf5f6
```
#edf5f6 rgb(237,245,246)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

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

#979b9c
```
#979b9c rgb(151,155,156)
```
#8fa1a4
```
#8fa1a4 rgb(143,161,164)
```
#88a7ab
```
#88a7ab rgb(136,167,171)
```
#80acb3
```
#80acb3 rgb(128,172,179)
```
#78b2bb
```
#78b2bb rgb(120,178,187)
```
#70b8c3
```
#70b8c3 rgb(112,184,195)
```
#68bdcb
```
#68bdcb rgb(104,189,203)
```
#61c3d2
```
#61c3d2 rgb(97,195,210)
```
#59c9da
```
#59c9da rgb(89,201,218)
```
#51cfe2
```
#51cfe2 rgb(81,207,226)
```
#49d4ea
```
#49d4ea rgb(73,212,234)
```
#41daf2
```
#41daf2 rgb(65,218,242)
```
#3ae0f9
```
#3ae0f9 rgb(58,224,249)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#9aa5a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acabb8 Protanopia 1% of men
#b2a8c3 Deuteranopia 1% of men
#80b5c2 Tritanopia 0.001% of the population

Trichromacy

#99aeb9 Protanomaly 1% of men, 0.01% of women
#9cacc0 Deuteranomaly 6% of men, 0.4% of women
#7db4bf Tritanomaly 0.01% of the population

#78b2bb hex color

#78b2bb Color Information

#78b2bb Color Conversion

Color Schemes with #78b2bb

Alternatives to #78b2bb

#78b2bb Preview

Shades and Tints of #78b2bb

Tones of #78b2bb

Color Blindness Simulator