#7bacbd hex color

In a RGB color space, hex #7bacbd is composed of 48.2% red, 67.5% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 34.9% cyan, 9% magenta, 0% yellow and 25.9% black. It has a hue angle of 195.5 degrees, a saturation of 33.3% and a lightness of 61.2%. #7bacbd color hex could be obtained by blending #f6ffff with #00597b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 48
- G 67
- B 74
RGB color chart
- C 35
- M 9
- Y 0
- K 26
CMYK color chart

● #7bacbd color description : Slightly desaturated blue.

The hexadecimal color #7bacbd has RGB values of R:123, G:172, B:189 and CMYK values of C:0.35, M:0.09, Y:0, K:0.26. Its decimal value is 8105149.

Hex triplet	7bacbd	`#7bacbd`
RGB Decimal	123, 172, 189	`rgb(123,172,189)`
RGB Percent	48.2, 67.5, 74.1	`rgb(48.2%,67.5%,74.1%)`
CMYK	35, 9, 0, 26
HSL	195.5°, 33.3, 61.2	`hsl(195.5,33.3%,61.2%)`
HSV (or HSB)	195.5°, 34.9, 74.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.568, -11.994, -13.901
XYZ	32.104, 37.389, 53.666
xyY	0.261, 0.304, 37.389
CIE-LCH	67.568, 18.36, 229.213
CIE-LUV	67.568, -24.166, -19.336
Hunter-Lab	61.146, -13.287, -9.235
Binary	01111011, 10101100, 10111101

#7bacbd
```
#7bacbd rgb(123,172,189)
```
#bd8c7b
```
#bd8c7b rgb(189,140,123)
```

Complementary Color

#7bbdad
```
#7bbdad rgb(123,189,173)
```
#7bacbd
```
#7bacbd rgb(123,172,189)
```
#7b8bbd
```
#7b8bbd rgb(123,139,189)
```

Analogous Color

#bdad7b
```
#bdad7b rgb(189,173,123)
```
#7bacbd
```
#7bacbd rgb(123,172,189)
```
#bd7b8b
```
#bd7b8b rgb(189,123,139)
```

Split Complementary Color

#acbd7b
```
#acbd7b rgb(172,189,123)
```
#7bacbd
```
#7bacbd rgb(123,172,189)
```
#bd7bac
```
#bd7bac rgb(189,123,172)
```

Triadic Color

#7bbd8c
```
#7bbd8c rgb(123,189,140)
```
#7bacbd
```
#7bacbd rgb(123,172,189)
```
#bd7bac
```
#bd7bac rgb(189,123,172)
```
#bd8c7b
```
#bd8c7b rgb(189,140,123)
```

Tetradic Color

#4f899d
```
#4f899d rgb(79,137,157)
```
#5997ac
```
#5997ac rgb(89,151,172)
```
#6aa1b5
```
#6aa1b5 rgb(106,161,181)
```
#7bacbd
```
#7bacbd rgb(123,172,189)
```
#8cb7c6
```
#8cb7c6 rgb(140,183,198)
```
#9dc1ce
```
#9dc1ce rgb(157,193,206)
```
#aeccd7
```
#aeccd7 rgb(174,204,215)
```

Monochromatic Color

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

#7bbdbd
```
#7bbdbd rgb(123,189,189)
```
#7bb7bd
```
#7bb7bd rgb(123,183,189)
```
#7bb2bd
```
#7bb2bd rgb(123,178,189)
```
#7bacbd
```
#7bacbd rgb(123,172,189)
```
#7ba7bd
```
#7ba7bd rgb(123,167,189)
```
#7ba1bd
```
#7ba1bd rgb(123,161,189)
```
#7b9cbd
```
#7b9cbd rgb(123,156,189)
```

Similar Colors

Text with hexadecimal color #7bacbd

This text has a font color of #7bacbd.

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

#7bacbd background color

This paragraph has a background color of #7bacbd.

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

#7bacbd border color

This element has a border color of #7bacbd.

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

CSS codes

.text {color:#7bacbd;}

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

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

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, #060a0c is the darkest color, while #fefefe is the lightest one.

#060a0c
```
#060a0c rgb(6,10,12)
```
#0c1619
```
#0c1619 rgb(12,22,25)
```
#132126
```
#132126 rgb(19,33,38)
```
#1a2c33
```
#1a2c33 rgb(26,44,51)
```
#203840
```
#203840 rgb(32,56,64)
```
#27434d
```
#27434d rgb(39,67,77)
```
#2d4f5a
```
#2d4f5a rgb(45,79,90)
```
#345a67
```
#345a67 rgb(52,90,103)
```
#3a6574
```
#3a6574 rgb(58,101,116)
```
#417182
```
#417182 rgb(65,113,130)
```
#477c8f
```
#477c8f rgb(71,124,143)
```
#4e889c
```
#4e889c rgb(78,136,156)
```
#5493a9
```
#5493a9 rgb(84,147,169)
```

Shade Color Variation

#619cb0
```
#619cb0 rgb(97,156,176)
```
#6ea4b6
```
#6ea4b6 rgb(110,164,182)
```
#7bacbd
```
#7bacbd rgb(123,172,189)
```
#88b4c4
```
#88b4c4 rgb(136,180,196)
```
#95bcca
```
#95bcca rgb(149,188,202)
```
#a2c5d1
```
#a2c5d1 rgb(162,197,209)
```
#afcdd7
```
#afcdd7 rgb(175,205,215)
```
#bcd5de
```
#bcd5de rgb(188,213,222)
```
#c9dde4
```
#c9dde4 rgb(201,221,228)
```
#d7e6eb
```
#d7e6eb rgb(215,230,235)
```
#e4eef1
```
#e4eef1 rgb(228,238,241)
```
#f1f6f8
```
#f1f6f8 rgb(241,246,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#999d9f
```
#999d9f rgb(153,157,159)
```
#92a1a6
```
#92a1a6 rgb(146,161,166)
```
#8aa5ae
```
#8aa5ae rgb(138,165,174)
```
#83a8b5
```
#83a8b5 rgb(131,168,181)
```
#7bacbd
```
#7bacbd rgb(123,172,189)
```
#73b0c5
```
#73b0c5 rgb(115,176,197)
```
#6cb3cc
```
#6cb3cc rgb(108,179,204)
```
#64b7d4
```
#64b7d4 rgb(100,183,212)
```
#5dbbdb
```
#5dbbdb rgb(93,187,219)
```
#55bee3
```
#55bee3 rgb(85,190,227)
```
#4dc2eb
```
#4dc2eb rgb(77,194,235)
```
#46c6f2
```
#46c6f2 rgb(70,198,242)
```
#3ecafa
```
#3ecafa rgb(62,202,250)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#98a2a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a8bb Protanopia 1% of men
#aba5c4 Deuteranopia 1% of men
#81b0bd Tritanopia 0.001% of the population

Trichromacy

#96a9bc Protanomaly 1% of men, 0.01% of women
#99a7c1 Deuteranomaly 6% of men, 0.4% of women
#7eafbd Tritanomaly 0.01% of the population

#7bacbd hex color

#7bacbd Color Information

#7bacbd Color Conversion

Color Schemes with #7bacbd

Alternatives to #7bacbd

#7bacbd Preview

Shades and Tints of #7bacbd

Tones of #7bacbd

Color Blindness Simulator