#7bbbad hex color

In a RGB color space, hex #7bbbad is composed of 48.2% red, 73.3% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 34.2% cyan, 0% magenta, 7.5% yellow and 26.7% black. It has a hue angle of 166.9 degrees, a saturation of 32% and a lightness of 60.8%. #7bbbad color hex could be obtained by blending #f6ffff with #00775b. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 48
- G 73
- B 68
RGB color chart
- C 34
- M 0
- Y 7
- K 27
CMYK color chart

● #7bbbad color description : Slightly desaturated cyan.

The hexadecimal color #7bbbad has RGB values of R:123, G:187, B:173 and CMYK values of C:0.34, M:0, Y:0.07, K:0.27. Its decimal value is 8108973.

Hex triplet	7bbbad	`#7bbbad`
RGB Decimal	123, 187, 173	`rgb(123,187,173)`
RGB Percent	48.2, 73.3, 67.8	`rgb(48.2%,73.3%,67.8%)`
CMYK	34, 0, 7, 27
HSL	166.9°, 32, 60.8	`hsl(166.9,32%,60.8%)`
HSV (or HSB)	166.9°, 34.2, 73.3
Web Safe	66cc99	`#66cc99`

CIE-LAB	71.397, -23.594, 0.587
XYZ	33.479, 42.767, 46.024
xyY	0.274, 0.35, 42.767
CIE-LCH	71.397, 23.602, 178.574
CIE-LUV	71.397, -30.751, 4.703
Hunter-Lab	65.397, -23.062, 4.052
Binary	01111011, 10111011, 10101101

#7bbbad
```
#7bbbad rgb(123,187,173)
```
#bb7b89
```
#bb7b89 rgb(187,123,137)
```

Complementary Color

#7bbb8d
```
#7bbb8d rgb(123,187,141)
```
#7bbbad
```
#7bbbad rgb(123,187,173)
```
#7ba9bb
```
#7ba9bb rgb(123,169,187)
```

Analogous Color

#bb8d7b
```
#bb8d7b rgb(187,141,123)
```
#7bbbad
```
#7bbbad rgb(123,187,173)
```
#bb7ba9
```
#bb7ba9 rgb(187,123,169)
```

Split Complementary Color

#bbad7b
```
#bbad7b rgb(187,173,123)
```
#7bbbad
```
#7bbbad rgb(123,187,173)
```
#ad7bbb
```
#ad7bbb rgb(173,123,187)
```

Triadic Color

#89bb7b
```
#89bb7b rgb(137,187,123)
```
#7bbbad
```
#7bbbad rgb(123,187,173)
```
#ad7bbb
```
#ad7bbb rgb(173,123,187)
```
#bb7b89
```
#bb7b89 rgb(187,123,137)
```

Tetradic Color

#4f9a8a
```
#4f9a8a rgb(79,154,138)
```
#59aa98
```
#59aa98 rgb(89,170,152)
```
#6ab2a3
```
#6ab2a3 rgb(106,178,163)
```
#7bbbad
```
#7bbbad rgb(123,187,173)
```
#8cc4b7
```
#8cc4b7 rgb(140,196,183)
```
#9dccc2
```
#9dccc2 rgb(157,204,194)
```
#add5cc
```
#add5cc rgb(173,213,204)
```

Monochromatic Color

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

#7bbb9d
```
#7bbb9d rgb(123,187,157)
```
#7bbba2
```
#7bbba2 rgb(123,187,162)
```
#7bbba8
```
#7bbba8 rgb(123,187,168)
```
#7bbbad
```
#7bbbad rgb(123,187,173)
```
#7bbbb2
```
#7bbbb2 rgb(123,187,178)
```
#7bbbb8
```
#7bbbb8 rgb(123,187,184)
```
#7bb9bb
```
#7bb9bb rgb(123,185,187)
```

Similar Colors

Text with hexadecimal color #7bbbad

This text has a font color of #7bbbad.

<span style="color:#7bbbad;">Text here</span>

#7bbbad background color

This paragraph has a background color of #7bbbad.

<p style="background-color:#7bbbad;">Content here</p>

#7bbbad border color

This element has a border color of #7bbbad.

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

CSS codes

.text {color:#7bbbad;}

.background {background-color:#7bbbad;}

.border {border:1px solid #7bbbad;}

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

#050a09
```
#050a09 rgb(5,10,9)
```
#0c1715
```
#0c1715 rgb(12,23,21)
```
#132420
```
#132420 rgb(19,36,32)
```
#19312c
```
#19312c rgb(25,49,44)
```
#203e38
```
#203e38 rgb(32,62,56)
```
#274b43
```
#274b43 rgb(39,75,67)
```
#2d584f
```
#2d584f rgb(45,88,79)
```
#34655a
```
#34655a rgb(52,101,90)
```
#3b7266
```
#3b7266 rgb(59,114,102)
```
#417f71
```
#417f71 rgb(65,127,113)
```
#488c7d
```
#488c7d rgb(72,140,125)
```
#4f9989
```
#4f9989 rgb(79,153,137)
```
#55a694
```
#55a694 rgb(85,166,148)
```

Shade Color Variation

#61ae9d
```
#61ae9d rgb(97,174,157)
```
#6eb4a5
```
#6eb4a5 rgb(110,180,165)
```
#7bbbad
```
#7bbbad rgb(123,187,173)
```
#88c2b5
```
#88c2b5 rgb(136,194,181)
```
#95c8bd
```
#95c8bd rgb(149,200,189)
```
#a2cfc5
```
#a2cfc5 rgb(162,207,197)
```
#afd6cd
```
#afd6cd rgb(175,214,205)
```
#bcdcd5
```
#bcdcd5 rgb(188,220,213)
```
#c9e3dd
```
#c9e3dd rgb(201,227,221)
```
#d6eae5
```
#d6eae5 rgb(214,234,229)
```
#e3f0ed
```
#e3f0ed rgb(227,240,237)
```
#f0f7f5
```
#f0f7f5 rgb(240,247,245)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#9a9c9c
```
#9a9c9c rgb(154,156,156)
```
#92a4a0
```
#92a4a0 rgb(146,164,160)
```
#8aaca4
```
#8aaca4 rgb(138,172,164)
```
#83b3a9
```
#83b3a9 rgb(131,179,169)
```
#7bbbad
```
#7bbbad rgb(123,187,173)
```
#73c3b1
```
#73c3b1 rgb(115,195,177)
```
#6ccab6
```
#6ccab6 rgb(108,202,182)
```
#64d2ba
```
#64d2ba rgb(100,210,186)
```
#5cdabe
```
#5cdabe rgb(92,218,190)
```
#55e1c3
```
#55e1c3 rgb(85,225,195)
```
#4de9c7
```
#4de9c7 rgb(77,233,199)
```
#45f1cb
```
#45f1cb rgb(69,241,203)
```
#3df9d0
```
#3df9d0 rgb(61,249,208)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#9daaa7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7b2aa Protanopia 1% of men
#c1adb6 Deuteranopia 1% of men
#88bac8 Tritanopia 0.001% of the population

Trichromacy

#a1b5ab Protanomaly 1% of men, 0.01% of women
#a7b2b3 Deuteranomaly 6% of men, 0.4% of women
#83babe Tritanomaly 0.01% of the population

#7bbbad hex color

#7bbbad Color Information

#7bbbad Color Conversion

Color Schemes with #7bbbad

Alternatives to #7bbbad

#7bbbad Preview

Shades and Tints of #7bbbad

Tones of #7bbbad

Color Blindness Simulator