#7bb4aa hex color

In a RGB color space, hex #7bb4aa is composed of 48.2% red, 70.6% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 31.7% cyan, 0% magenta, 5.6% yellow and 29.4% black. It has a hue angle of 169.5 degrees, a saturation of 27.5% and a lightness of 59.4%. #7bb4aa color hex could be obtained by blending #f6ffff with #006955. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 48
- G 71
- B 67
RGB color chart
- C 32
- M 0
- Y 6
- K 29
CMYK color chart

● #7bb4aa color description : Slightly desaturated cyan.

The hexadecimal color #7bb4aa has RGB values of R:123, G:180, B:170 and CMYK values of C:0.32, M:0, Y:0.06, K:0.29. Its decimal value is 8107178.

Hex triplet	7bb4aa	`#7bb4aa`
RGB Decimal	123, 180, 170	`rgb(123,180,170)`
RGB Percent	48.2, 70.6, 66.7	`rgb(48.2%,70.6%,66.7%)`
CMYK	32, 0, 6, 29
HSL	169.5°, 27.5, 59.4	`hsl(169.5,27.5%,59.4%)`
HSV (or HSB)	169.5°, 31.7, 70.6
Web Safe	66cc99	`#66cc99`

CIE-LAB	69.294, -20.744, -0.837
XYZ	31.743, 39.754, 44.029
xyY	0.275, 0.344, 39.754
CIE-LCH	69.294, 20.761, 182.31
CIE-LUV	69.294, -27.746, 2.116
Hunter-Lab	63.051, -20.473, 2.733
Binary	01111011, 10110100, 10101010

#7bb4aa
```
#7bb4aa rgb(123,180,170)
```
#b47b85
```
#b47b85 rgb(180,123,133)
```

Complementary Color

#7bb48e
```
#7bb48e rgb(123,180,142)
```
#7bb4aa
```
#7bb4aa rgb(123,180,170)
```
#7ba2b4
```
#7ba2b4 rgb(123,162,180)
```

Analogous Color

#b48e7b
```
#b48e7b rgb(180,142,123)
```
#7bb4aa
```
#7bb4aa rgb(123,180,170)
```
#b47ba2
```
#b47ba2 rgb(180,123,162)
```

Split Complementary Color

#b4aa7b
```
#b4aa7b rgb(180,170,123)
```
#7bb4aa
```
#7bb4aa rgb(123,180,170)
```
#aa7bb4
```
#aa7bb4 rgb(170,123,180)
```

Triadic Color

#85b47b
```
#85b47b rgb(133,180,123)
```
#7bb4aa
```
#7bb4aa rgb(123,180,170)
```
#aa7bb4
```
#aa7bb4 rgb(170,123,180)
```
#b47b85
```
#b47b85 rgb(180,123,133)
```

Tetradic Color

#529085
```
#529085 rgb(82,144,133)
```
#5ba195
```
#5ba195 rgb(91,161,149)
```
#6baba0
```
#6baba0 rgb(107,171,160)
```
#7bb4aa
```
#7bb4aa rgb(123,180,170)
```
#8bbdb4
```
#8bbdb4 rgb(139,189,180)
```
#9cc6bf
```
#9cc6bf rgb(156,198,191)
```
#acd0c9
```
#acd0c9 rgb(172,208,201)
```

Monochromatic Color

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

#7bb49c
```
#7bb49c rgb(123,180,156)
```
#7bb4a1
```
#7bb4a1 rgb(123,180,161)
```
#7bb4a5
```
#7bb4a5 rgb(123,180,165)
```
#7bb4aa
```
#7bb4aa rgb(123,180,170)
```
#7bb4af
```
#7bb4af rgb(123,180,175)
```
#7bb4b4
```
#7bb4b4 rgb(123,180,180)
```
#7bb0b4
```
#7bb0b4 rgb(123,176,180)
```

Similar Colors

Text with hexadecimal color #7bb4aa

This text has a font color of #7bb4aa.

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

#7bb4aa background color

This paragraph has a background color of #7bb4aa.

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

#7bb4aa border color

This element has a border color of #7bb4aa.

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

CSS codes

.text {color:#7bb4aa;}

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

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

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

#030605
```
#030605 rgb(3,6,5)
```
#0a1211
```
#0a1211 rgb(10,18,17)
```
#111f1c
```
#111f1c rgb(17,31,28)
```
#182b28
```
#182b28 rgb(24,43,40)
```
#203833
```
#203833 rgb(32,56,51)
```
#27443f
```
#27443f rgb(39,68,63)
```
#2e514b
```
#2e514b rgb(46,81,75)
```
#355d56
```
#355d56 rgb(53,93,86)
```
#3c6a62
```
#3c6a62 rgb(60,106,98)
```
#43766d
```
#43766d rgb(67,118,109)
```
#4a8379
```
#4a8379 rgb(74,131,121)
```
#518f84
```
#518f84 rgb(81,143,132)
```
#589c90
```
#589c90 rgb(88,156,144)
```

Shade Color Variation

#62a69a
```
#62a69a rgb(98,166,154)
```
#6eada2
```
#6eada2 rgb(110,173,162)
```
#7bb4aa
```
#7bb4aa rgb(123,180,170)
```
#88bbb2
```
#88bbb2 rgb(136,187,178)
```
#94c2ba
```
#94c2ba rgb(148,194,186)
```
#a1c9c2
```
#a1c9c2 rgb(161,201,194)
```
#add0ca
```
#add0ca rgb(173,208,202)
```
#bad8d2
```
#bad8d2 rgb(186,216,210)
```
#c6dfda
```
#c6dfda rgb(198,223,218)
```
#d3e6e2
```
#d3e6e2 rgb(211,230,226)
```
#dfedea
```
#dfedea rgb(223,237,234)
```
#ecf4f2
```
#ecf4f2 rgb(236,244,242)
```
#f8fbfb
```
#f8fbfb rgb(248,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939c9a is the less saturated color, while #33fcd9 is the most saturated one.

#939c9a
```
#939c9a rgb(147,156,154)
```
#8ba4a0
```
#8ba4a0 rgb(139,164,160)
```
#83aca5
```
#83aca5 rgb(131,172,165)
```
#7bb4aa
```
#7bb4aa rgb(123,180,170)
```
#73bcaf
```
#73bcaf rgb(115,188,175)
```
#6bc4b4
```
#6bc4b4 rgb(107,196,180)
```
#63ccba
```
#63ccba rgb(99,204,186)
```
#5bd4bf
```
#5bd4bf rgb(91,212,191)
```
#53dcc4
```
#53dcc4 rgb(83,220,196)
```
#4be4c9
```
#4be4c9 rgb(75,228,201)
```
#43ecce
```
#43ecce rgb(67,236,206)
```
#3bf4d3
```
#3bf4d3 rgb(59,244,211)
```
#33fcd9
```
#33fcd9 rgb(51,252,217)
```

Tone Color Variation

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

Dichromacy

#b1aca8 Protanopia 1% of men
#baa8b3 Deuteranopia 1% of men
#87b4c1 Tritanopia 0.001% of the population

Trichromacy

#9dafa9 Protanomaly 1% of men, 0.01% of women
#a3acb0 Deuteranomaly 6% of men, 0.4% of women
#82b4b9 Tritanomaly 0.01% of the population

#7bb4aa hex color

#7bb4aa Color Information

#7bb4aa Color Conversion

Color Schemes with #7bb4aa

Alternatives to #7bb4aa

#7bb4aa Preview

Shades and Tints of #7bb4aa

Tones of #7bb4aa

Color Blindness Simulator