#7bacbf hex color

In a RGB color space, hex #7bacbf is composed of 48.2% red, 67.5% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 35.6% cyan, 9.9% magenta, 0% yellow and 25.1% black. It has a hue angle of 196.8 degrees, a saturation of 34.7% and a lightness of 61.6%. #7bacbf color hex could be obtained by blending #f6ffff with #00597f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 48
- G 67
- B 75
RGB color chart
- C 36
- M 10
- Y 0
- K 25
CMYK color chart

● #7bacbf color description : Slightly desaturated blue.

The hexadecimal color #7bacbf has RGB values of R:123, G:172, B:191 and CMYK values of C:0.36, M:0.1, Y:0, K:0.25. Its decimal value is 8105151.

Hex triplet	7bacbf	`#7bacbf`
RGB Decimal	123, 172, 191	`rgb(123,172,191)`
RGB Percent	48.2, 67.5, 74.9	`rgb(48.2%,67.5%,74.9%)`
CMYK	36, 10, 0, 25
HSL	196.8°, 34.7, 61.6	`hsl(196.8,34.7%,61.6%)`
HSV (or HSB)	196.8°, 35.6, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	67.633, -11.486, -14.911
XYZ	32.323, 37.476, 54.818
xyY	0.259, 0.301, 37.476
CIE-LCH	67.633, 18.821, 232.393
CIE-LUV	67.633, -24.16, -21.02
Hunter-Lab	61.218, -12.884, -10.239
Binary	01111011, 10101100, 10111111

#7bacbf
```
#7bacbf rgb(123,172,191)
```
#bf8e7b
```
#bf8e7b rgb(191,142,123)
```

Complementary Color

#7bbfb0
```
#7bbfb0 rgb(123,191,176)
```
#7bacbf
```
#7bacbf rgb(123,172,191)
```
#7b8abf
```
#7b8abf rgb(123,138,191)
```

Analogous Color

#bfb07b
```
#bfb07b rgb(191,176,123)
```
#7bacbf
```
#7bacbf rgb(123,172,191)
```
#bf7b8a
```
#bf7b8a rgb(191,123,138)
```

Split Complementary Color

#acbf7b
```
#acbf7b rgb(172,191,123)
```
#7bacbf
```
#7bacbf rgb(123,172,191)
```
#bf7bac
```
#bf7bac rgb(191,123,172)
```

Triadic Color

#7bbf8e
```
#7bbf8e rgb(123,191,142)
```
#7bacbf
```
#7bacbf rgb(123,172,191)
```
#bf7bac
```
#bf7bac rgb(191,123,172)
```
#bf8e7b
```
#bf8e7b rgb(191,142,123)
```

Tetradic Color

#4e89a0
```
#4e89a0 rgb(78,137,160)
```
#5996ae
```
#5996ae rgb(89,150,174)
```
#6aa1b7
```
#6aa1b7 rgb(106,161,183)
```
#7bacbf
```
#7bacbf rgb(123,172,191)
```
#8cb7c7
```
#8cb7c7 rgb(140,183,199)
```
#9dc2d0
```
#9dc2d0 rgb(157,194,208)
```
#afccd8
```
#afccd8 rgb(175,204,216)
```

Monochromatic Color

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

#7bbdbf
```
#7bbdbf rgb(123,189,191)
```
#7bb7bf
```
#7bb7bf rgb(123,183,191)
```
#7bb2bf
```
#7bb2bf rgb(123,178,191)
```
#7bacbf
```
#7bacbf rgb(123,172,191)
```
#7ba6bf
```
#7ba6bf rgb(123,166,191)
```
#7ba1bf
```
#7ba1bf rgb(123,161,191)
```
#7b9bbf
```
#7b9bbf rgb(123,155,191)
```

Similar Colors

Text with hexadecimal color #7bacbf

This text has a font color of #7bacbf.

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

#7bacbf background color

This paragraph has a background color of #7bacbf.

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

#7bacbf border color

This element has a border color of #7bacbf.

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

CSS codes

.text {color:#7bacbf;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060b0d
```
#060b0d rgb(6,11,13)
```
#0d171b
```
#0d171b rgb(13,23,27)
```
#132228
```
#132228 rgb(19,34,40)
```
#1a2d35
```
#1a2d35 rgb(26,45,53)
```
#203942
```
#203942 rgb(32,57,66)
```
#26444f
```
#26444f rgb(38,68,79)
```
#2d4f5d
```
#2d4f5d rgb(45,79,93)
```
#335b6a
```
#335b6a rgb(51,91,106)
```
#3a6677
```
#3a6677 rgb(58,102,119)
```
#407184
```
#407184 rgb(64,113,132)
```
#477c91
```
#477c91 rgb(71,124,145)
```
#4d889f
```
#4d889f rgb(77,136,159)
```

Shade Color Variation

#5393ac
```
#5393ac rgb(83,147,172)
```
#619bb2
```
#619bb2 rgb(97,155,178)
```
#6ea4b9
```
#6ea4b9 rgb(110,164,185)
```
#7bacbf
```
#7bacbf rgb(123,172,191)
```
#88b4c5
```
#88b4c5 rgb(136,180,197)
```
#95bdcc
```
#95bdcc rgb(149,189,204)
```
#a3c5d2
```
#a3c5d2 rgb(163,197,210)
```
#b0cdd9
```
#b0cdd9 rgb(176,205,217)
```
#bdd6df
```
#bdd6df rgb(189,214,223)
```
#cadee5
```
#cadee5 rgb(202,222,229)
```
#d7e6ec
```
#d7e6ec rgb(215,230,236)
```
#e5eef2
```
#e5eef2 rgb(229,238,242)
```
#f2f7f9
```
#f2f7f9 rgb(242,247,249)
```

Tint Color Variation

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

#999fa1
```
#999fa1 rgb(153,159,161)
```
#92a2a8
```
#92a2a8 rgb(146,162,168)
```
#8aa5b0
```
#8aa5b0 rgb(138,165,176)
```
#83a9b7
```
#83a9b7 rgb(131,169,183)
```
#7bacbf
```
#7bacbf rgb(123,172,191)
```
#73afc7
```
#73afc7 rgb(115,175,199)
```
#6cb3ce
```
#6cb3ce rgb(108,179,206)
```
#64b6d6
```
#64b6d6 rgb(100,182,214)
```
#5db9dd
```
#5db9dd rgb(93,185,221)
```
#55bde5
```
#55bde5 rgb(85,189,229)
```
#4ec0ec
```
#4ec0ec rgb(78,192,236)
```
#46c3f4
```
#46c3f4 rgb(70,195,244)
```
#3fc7fb
```
#3fc7fb rgb(63,199,251)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#99a2a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a8bd Protanopia 1% of men
#aaa5c6 Deuteranopia 1% of men
#80b1bd Tritanopia 0.001% of the population

Trichromacy

#96a9be Protanomaly 1% of men, 0.01% of women
#99a8c3 Deuteranomaly 6% of men, 0.4% of women
#7eafbe Tritanomaly 0.01% of the population

#7bacbf hex color

#7bacbf Color Information

#7bacbf Color Conversion

Color Schemes with #7bacbf

Alternatives to #7bacbf

#7bacbf Preview

Shades and Tints of #7bacbf

Tones of #7bacbf

Color Blindness Simulator