#7baaa5 hex color

In a RGB color space, hex #7baaa5 is composed of 48.2% red, 66.7% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 27.6% cyan, 0% magenta, 2.9% yellow and 33.3% black. It has a hue angle of 173.6 degrees, a saturation of 21.7% and a lightness of 57.5%. #7baaa5 color hex could be obtained by blending #f6ffff with #00554b. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 48
- G 67
- B 65
RGB color chart
- C 28
- M 0
- Y 3
- K 33
CMYK color chart

● #7baaa5 color description : Mostly desaturated dark cyan.

The hexadecimal color #7baaa5 has RGB values of R:123, G:170, B:165 and CMYK values of C:0.28, M:0, Y:0.03, K:0.33. Its decimal value is 8104613.

Hex triplet	7baaa5	`#7baaa5`
RGB Decimal	123, 170, 165	`rgb(123,170,165)`
RGB Percent	48.2, 66.7, 64.7	`rgb(48.2%,66.7%,64.7%)`
CMYK	28, 0, 3, 33
HSL	173.6°, 21.7, 57.5	`hsl(173.6,21.7%,57.5%)`
HSV (or HSB)	173.6°, 27.6, 66.7
Web Safe	669999	`#669999`

CIE-LAB	66.272, -16.729, -2.501
XYZ	29.333, 35.676, 40.936
xyY	0.277, 0.337, 35.676
CIE-LCH	66.272, 16.914, 188.502
CIE-LUV	66.272, -23.365, -0.996
Hunter-Lab	59.729, -16.865, 1.176
Binary	01111011, 10101010, 10100101

#7baaa5
```
#7baaa5 rgb(123,170,165)
```
#aa7b80
```
#aa7b80 rgb(170,123,128)
```

Complementary Color

#7baa8e
```
#7baa8e rgb(123,170,142)
```
#7baaa5
```
#7baaa5 rgb(123,170,165)
```
#7b98aa
```
#7b98aa rgb(123,152,170)
```

Analogous Color

#aa8e7b
```
#aa8e7b rgb(170,142,123)
```
#7baaa5
```
#7baaa5 rgb(123,170,165)
```
#aa7b98
```
#aa7b98 rgb(170,123,152)
```

Split Complementary Color

#aaa57b
```
#aaa57b rgb(170,165,123)
```
#7baaa5
```
#7baaa5 rgb(123,170,165)
```
#a57baa
```
#a57baa rgb(165,123,170)
```

Triadic Color

#80aa7b
```
#80aa7b rgb(128,170,123)
```
#7baaa5
```
#7baaa5 rgb(123,170,165)
```
#a57baa
```
#a57baa rgb(165,123,170)
```
#aa7b80
```
#aa7b80 rgb(170,123,128)
```

Tetradic Color

#55847f
```
#55847f rgb(85,132,127)
```
#5f938e
```
#5f938e rgb(95,147,142)
```
#6ba09a
```
#6ba09a rgb(107,160,154)
```
#7baaa5
```
#7baaa5 rgb(123,170,165)
```
#8bb4b0
```
#8bb4b0 rgb(139,180,176)
```
#9abeba
```
#9abeba rgb(154,190,186)
```
#aac8c5
```
#aac8c5 rgb(170,200,197)
```

Monochromatic Color

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

#7baa99
```
#7baa99 rgb(123,170,153)
```
#7baa9d
```
#7baa9d rgb(123,170,157)
```
#7baaa1
```
#7baaa1 rgb(123,170,161)
```
#7baaa5
```
#7baaa5 rgb(123,170,165)
```
#7baaa9
```
#7baaa9 rgb(123,170,169)
```
#7ba7aa
```
#7ba7aa rgb(123,167,170)
```
#7ba3aa
```
#7ba3aa rgb(123,163,170)
```

Similar Colors

Text with hexadecimal color #7baaa5

This text has a font color of #7baaa5.

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

#7baaa5 background color

This paragraph has a background color of #7baaa5.

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

#7baaa5 border color

This element has a border color of #7baaa5.

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

CSS codes

.text {color:#7baaa5;}

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

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

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

#070b0b
```
#070b0b rgb(7,11,11)
```
#0f1716
```
#0f1716 rgb(15,23,22)
```
#172322
```
#172322 rgb(23,35,34)
```
#1e2f2d
```
#1e2f2d rgb(30,47,45)
```
#263b39
```
#263b39 rgb(38,59,57)
```
#2e4744
```
#2e4744 rgb(46,71,68)
```
#355350
```
#355350 rgb(53,83,80)
```
#3d5f5b
```
#3d5f5b rgb(61,95,91)
```
#456b67
```
#456b67 rgb(69,107,103)
```
#4c7772
```
#4c7772 rgb(76,119,114)
```
#54837e
```
#54837e rgb(84,131,126)
```
#5c8e89
```
#5c8e89 rgb(92,142,137)
```
#639a95
```
#639a95 rgb(99,154,149)
```

Shade Color Variation

#6fa29d
```
#6fa29d rgb(111,162,157)
```
#7baaa5
```
#7baaa5 rgb(123,170,165)
```
#87b2ad
```
#87b2ad rgb(135,178,173)
```
#93b9b5
```
#93b9b5 rgb(147,185,181)
```
#9fc1bd
```
#9fc1bd rgb(159,193,189)
```
#abc9c6
```
#abc9c6 rgb(171,201,198)
```
#b7d0ce
```
#b7d0ce rgb(183,208,206)
```
#c3d8d6
```
#c3d8d6 rgb(195,216,214)
```
#cfe0de
```
#cfe0de rgb(207,224,222)
```
#dae7e6
```
#dae7e6 rgb(218,231,230)
```
#e6efee
```
#e6efee rgb(230,239,238)
```
#f2f7f6
```
#f2f7f6 rgb(242,247,246)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c9998 is the less saturated color, while #28fde7 is the most saturated one.

#8c9998
```
#8c9998 rgb(140,153,152)
```
#83a29e
```
#83a29e rgb(131,162,158)
```
#7baaa5
```
#7baaa5 rgb(123,170,165)
```
#73b2ac
```
#73b2ac rgb(115,178,172)
```
#6abbb2
```
#6abbb2 rgb(106,187,178)
```
#62c3b9
```
#62c3b9 rgb(98,195,185)
```
#5acbbf
```
#5acbbf rgb(90,203,191)
```
#51d4c6
```
#51d4c6 rgb(81,212,198)
```
#49dccc
```
#49dccc rgb(73,220,204)
```
#41e4d3
```
#41e4d3 rgb(65,228,211)
```
#38edda
```
#38edda rgb(56,237,218)
```
#30f5e0
```
#30f5e0 rgb(48,245,224)
```
#28fde7
```
#28fde7 rgb(40,253,231)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#959e9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8a5a4 Protanopia 1% of men
#b1a1ae Deuteranopia 1% of men
#85acb8 Tritanopia 0.001% of the population

Trichromacy

#98a6a4 Protanomaly 1% of men, 0.01% of women
#9da4aa Deuteranomaly 6% of men, 0.4% of women
#81abb1 Tritanomaly 0.01% of the population

#7baaa5 hex color

#7baaa5 Color Information

#7baaa5 Color Conversion

Color Schemes with #7baaa5

Alternatives to #7baaa5

#7baaa5 Preview

Shades and Tints of #7baaa5

Tones of #7baaa5

Color Blindness Simulator