#7ba8b1 hex color

In a RGB color space, hex #7ba8b1 is composed of 48.2% red, 65.9% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 30.5% cyan, 5.1% magenta, 0% yellow and 30.6% black. It has a hue angle of 190 degrees, a saturation of 25.7% and a lightness of 58.8%. #7ba8b1 color hex could be obtained by blending #f6ffff with #005163. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 48
- G 66
- B 69
RGB color chart
- C 31
- M 5
- Y 0
- K 31
CMYK color chart

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

The hexadecimal color #7ba8b1 has RGB values of R:123, G:168, B:177 and CMYK values of C:0.31, M:0.05, Y:0, K:0.31. Its decimal value is 8104113.

Hex triplet	7ba8b1	`#7ba8b1`
RGB Decimal	123, 168, 177	`rgb(123,168,177)`
RGB Percent	48.2, 65.9, 69.4	`rgb(48.2%,65.9%,69.4%)`
CMYK	31, 5, 0, 31
HSL	190°, 25.7, 58.8	`hsl(190,25.7%,58.8%)`
HSV (or HSB)	190°, 30.5, 69.4
Web Safe	669999	`#669999`

CIE-LAB	66.051, -12.838, -9.509
XYZ	30.105, 35.389, 46.837
xyY	0.268, 0.315, 35.389
CIE-LCH	66.051, 15.976, 216.527
CIE-LUV	66.051, -22.47, -12.257
Hunter-Lab	59.489, -13.774, -5.038
Binary	01111011, 10101000, 10110001

#7ba8b1
```
#7ba8b1 rgb(123,168,177)
```
#b1847b
```
#b1847b rgb(177,132,123)
```

Complementary Color

#7bb19f
```
#7bb19f rgb(123,177,159)
```
#7ba8b1
```
#7ba8b1 rgb(123,168,177)
```
#7b8db1
```
#7b8db1 rgb(123,141,177)
```

Analogous Color

#b19f7b
```
#b19f7b rgb(177,159,123)
```
#7ba8b1
```
#7ba8b1 rgb(123,168,177)
```
#b17b8d
```
#b17b8d rgb(177,123,141)
```

Split Complementary Color

#a8b17b
```
#a8b17b rgb(168,177,123)
```
#7ba8b1
```
#7ba8b1 rgb(123,168,177)
```
#b17ba8
```
#b17ba8 rgb(177,123,168)
```

Triadic Color

#7bb184
```
#7bb184 rgb(123,177,132)
```
#7ba8b1
```
#7ba8b1 rgb(123,168,177)
```
#b17ba8
```
#b17ba8 rgb(177,123,168)
```
#b1847b
```
#b1847b rgb(177,132,123)
```

Tetradic Color

#53838c
```
#53838c rgb(83,131,140)
```
#5c929d
```
#5c929d rgb(92,146,157)
```
#6b9da8
```
#6b9da8 rgb(107,157,168)
```
#7ba8b1
```
#7ba8b1 rgb(123,168,177)
```
#8bb3ba
```
#8bb3ba rgb(139,179,186)
```
#9bbdc4
```
#9bbdc4 rgb(155,189,196)
```
#abc8cd
```
#abc8cd rgb(171,200,205)
```

Monochromatic Color

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

#7bb1ad
```
#7bb1ad rgb(123,177,173)
```
#7bb1b1
```
#7bb1b1 rgb(123,177,177)
```
#7badb1
```
#7badb1 rgb(123,173,177)
```
#7ba8b1
```
#7ba8b1 rgb(123,168,177)
```
#7ba4b1
```
#7ba4b1 rgb(123,164,177)
```
#7b9fb1
```
#7b9fb1 rgb(123,159,177)
```
#7b9bb1
```
#7b9bb1 rgb(123,155,177)
```

Similar Colors

Text with hexadecimal color #7ba8b1

This text has a font color of #7ba8b1.

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

#7ba8b1 background color

This paragraph has a background color of #7ba8b1.

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

#7ba8b1 border color

This element has a border color of #7ba8b1.

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

CSS codes

.text {color:#7ba8b1;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#090f10
```
#090f10 rgb(9,15,16)
```
#111a1c
```
#111a1c rgb(17,26,28)
```
#182629
```
#182629 rgb(24,38,41)
```
#1f3135
```
#1f3135 rgb(31,49,53)
```
#273d41
```
#273d41 rgb(39,61,65)
```
#2e484e
```
#2e484e rgb(46,72,78)
```
#35545a
```
#35545a rgb(53,84,90)
```
#3c5f66
```
#3c5f66 rgb(60,95,102)
```
#446b73
```
#446b73 rgb(68,107,115)
```
#4b767f
```
#4b767f rgb(75,118,127)
```
#52828b
```
#52828b rgb(82,130,139)
```
#5a8d98
```
#5a8d98 rgb(90,141,152)
```

Shade Color Variation

#6298a2
```
#6298a2 rgb(98,152,162)
```
#6fa0aa
```
#6fa0aa rgb(111,160,170)
```
#7ba8b1
```
#7ba8b1 rgb(123,168,177)
```
#87b0b8
```
#87b0b8 rgb(135,176,184)
```
#94b8c0
```
#94b8c0 rgb(148,184,192)
```
#a0c0c7
```
#a0c0c7 rgb(160,192,199)
```
#acc9ce
```
#acc9ce rgb(172,201,206)
```
#b9d1d5
```
#b9d1d5 rgb(185,209,213)
```
#c5d9dd
```
#c5d9dd rgb(197,217,221)
```
#d1e1e4
```
#d1e1e4 rgb(209,225,228)
```
#dee9eb
```
#dee9eb rgb(222,233,235)
```
#eaf1f3
```
#eaf1f3 rgb(234,241,243)
```
#f6f9fa
```
#f6f9fa rgb(246,249,250)
```

Tint Color Variation

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

#939899
```
#939899 rgb(147,152,153)
```
#8b9da1
```
#8b9da1 rgb(139,157,161)
```
#83a3a9
```
#83a3a9 rgb(131,163,169)
```
#7ba8b1
```
#7ba8b1 rgb(123,168,177)
```
#73adb9
```
#73adb9 rgb(115,173,185)
```
#6bb3c1
```
#6bb3c1 rgb(107,179,193)
```
#63b8c9
```
#63b8c9 rgb(99,184,201)
```
#5bbed1
```
#5bbed1 rgb(91,190,209)
```
#53c3d9
```
#53c3d9 rgb(83,195,217)
```
#4bc8e1
```
#4bc8e1 rgb(75,200,225)
```
#42ceea
```
#42ceea rgb(66,206,234)
```
#3ad3f2
```
#3ad3f2 rgb(58,211,242)
```
#32d8fa
```
#32d8fa rgb(50,216,250)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#959ea0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a4b0 Protanopia 1% of men
#aba1b8 Deuteranopia 1% of men
#82abb8 Tritanopia 0.001% of the population

Trichromacy

#95a5b0 Protanomaly 1% of men, 0.01% of women
#99a3b6 Deuteranomaly 6% of men, 0.4% of women
#7faab5 Tritanomaly 0.01% of the population

#7ba8b1 hex color

#7ba8b1 Color Information

#7ba8b1 Color Conversion

Color Schemes with #7ba8b1

Alternatives to #7ba8b1

#7ba8b1 Preview

Shades and Tints of #7ba8b1

Tones of #7ba8b1

Color Blindness Simulator