#7b86bc hex color

In a RGB color space, hex #7b86bc is composed of 48.2% red, 52.5% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 34.6% cyan, 28.7% magenta, 0% yellow and 26.3% black. It has a hue angle of 229.8 degrees, a saturation of 32.7% and a lightness of 61%. #7b86bc color hex could be obtained by blending #f6ffff with #000d79. Closest websafe color is: #6699cc.

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

● #7b86bc color description : Slightly desaturated blue.

The hexadecimal color #7b86bc has RGB values of R:123, G:134, B:188 and CMYK values of C:0.35, M:0.29, Y:0, K:0.26. Its decimal value is 8095420.

Hex triplet	7b86bc	`#7b86bc`
RGB Decimal	123, 134, 188	`rgb(123,134,188)`
RGB Percent	48.2, 52.5, 73.7	`rgb(48.2%,52.5%,73.7%)`
CMYK	35, 29, 0, 26
HSL	229.8°, 32.7, 61	`hsl(229.8,32.7%,61%)`
HSV (or HSB)	229.8°, 34.6, 73.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.969, 9.086, -29.534
XYZ	25.769, 24.891, 51.021
xyY	0.253, 0.245, 24.891
CIE-LCH	56.969, 30.9, 287.101
CIE-LUV	56.969, -8.279, -46.397
Hunter-Lab	49.891, 4.885, -25.709
Binary	01111011, 10000110, 10111100

#7b86bc
```
#7b86bc rgb(123,134,188)
```
#bcb17b
```
#bcb17b rgb(188,177,123)
```

Complementary Color

#7ba7bc
```
#7ba7bc rgb(123,167,188)
```
#7b86bc
```
#7b86bc rgb(123,134,188)
```
#917bbc
```
#917bbc rgb(145,123,188)
```

Analogous Color

#a7bc7b
```
#a7bc7b rgb(167,188,123)
```
#7b86bc
```
#7b86bc rgb(123,134,188)
```
#bc917b
```
#bc917b rgb(188,145,123)
```

Split Complementary Color

#86bc7b
```
#86bc7b rgb(134,188,123)
```
#7b86bc
```
#7b86bc rgb(123,134,188)
```
#bc7b86
```
#bc7b86 rgb(188,123,134)
```

Triadic Color

#7bbcb1
```
#7bbcb1 rgb(123,188,177)
```
#7b86bc
```
#7b86bc rgb(123,134,188)
```
#bc7b86
```
#bc7b86 rgb(188,123,134)
```
#bcb17b
```
#bcb17b rgb(188,177,123)
```

Tetradic Color

#4f5c9c
```
#4f5c9c rgb(79,92,156)
```
#5967ab
```
#5967ab rgb(89,103,171)
```
#6a76b3
```
#6a76b3 rgb(106,118,179)
```
#7b86bc
```
#7b86bc rgb(123,134,188)
```
#8c96c5
```
#8c96c5 rgb(140,150,197)
```
#9da5cd
```
#9da5cd rgb(157,165,205)
```
#aeb5d6
```
#aeb5d6 rgb(174,181,214)
```

Monochromatic Color

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

#7b96bc
```
#7b96bc rgb(123,150,188)
```
#7b91bc
```
#7b91bc rgb(123,145,188)
```
#7b8bbc
```
#7b8bbc rgb(123,139,188)
```
#7b86bc
```
#7b86bc rgb(123,134,188)
```
#7b81bc
```
#7b81bc rgb(123,129,188)
```
#7b7bbc
```
#7b7bbc rgb(123,123,188)
```
#807bbc
```
#807bbc rgb(128,123,188)
```

Similar Colors

Text with hexadecimal color #7b86bc

This text has a font color of #7b86bc.

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

#7b86bc background color

This paragraph has a background color of #7b86bc.

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

#7b86bc border color

This element has a border color of #7b86bc.

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

CSS codes

.text {color:#7b86bc;}

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

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

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, #06070b is the darkest color, while #fdfdfe is the lightest one.

#06070b
```
#06070b rgb(6,7,11)
```
#0c0e18
```
#0c0e18 rgb(12,14,24)
```
#131625
```
#131625 rgb(19,22,37)
```
#191e32
```
#191e32 rgb(25,30,50)
```
#20253f
```
#20253f rgb(32,37,63)
```
#272d4c
```
#272d4c rgb(39,45,76)
```
#2d3559
```
#2d3559 rgb(45,53,89)
```
#343c66
```
#343c66 rgb(52,60,102)
```
#3a4473
```
#3a4473 rgb(58,68,115)
```
#414c80
```
#414c80 rgb(65,76,128)
```
#48538d
```
#48538d rgb(72,83,141)
```
#4e5b9a
```
#4e5b9a rgb(78,91,154)
```
#5563a7
```
#5563a7 rgb(85,99,167)
```

Shade Color Variation

#616eaf
```
#616eaf rgb(97,110,175)
```
#6e7ab5
```
#6e7ab5 rgb(110,122,181)
```
#7b86bc
```
#7b86bc rgb(123,134,188)
```
#8892c3
```
#8892c3 rgb(136,146,195)
```
#959ec9
```
#959ec9 rgb(149,158,201)
```
#a2aad0
```
#a2aad0 rgb(162,170,208)
```
#afb6d6
```
#afb6d6 rgb(175,182,214)
```
#bcc2dd
```
#bcc2dd rgb(188,194,221)
```
#c9cee4
```
#c9cee4 rgb(201,206,228)
```
#d6d9ea
```
#d6d9ea rgb(214,217,234)
```
#e3e5f1
```
#e3e5f1 rgb(227,229,241)
```
#f0f1f7
```
#f0f1f7 rgb(240,241,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#9a9a9d
```
#9a9a9d rgb(154,154,157)
```
#9295a5
```
#9295a5 rgb(146,149,165)
```
#8a90ad
```
#8a90ad rgb(138,144,173)
```
#838bb4
```
#838bb4 rgb(131,139,180)
```
#7b86bc
```
#7b86bc rgb(123,134,188)
```
#7381c4
```
#7381c4 rgb(115,129,196)
```
#6c7ccb
```
#6c7ccb rgb(108,124,203)
```
#6477d3
```
#6477d3 rgb(100,119,211)
```
#5c72db
```
#5c72db rgb(92,114,219)
```
#556de2
```
#556de2 rgb(85,109,226)
```
#4d68ea
```
#4d68ea rgb(77,104,234)
```
#4563f2
```
#4563f2 rgb(69,99,242)
```
#3e5df9
```
#3e5df9 rgb(62,93,249)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#868893 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e8dc0 Protanopia 1% of men
#7e8dbf Deuteranopia 1% of men
#78939d Tritanopia 0.001% of the population

Trichromacy

#7d8abe Protanomaly 1% of men, 0.01% of women
#7d8abd Deuteranomaly 6% of men, 0.4% of women
#798ea8 Tritanomaly 0.01% of the population

#7b86bc hex color

#7b86bc Color Information

#7b86bc Color Conversion

Color Schemes with #7b86bc

Alternatives to #7b86bc

#7b86bc Preview

Shades and Tints of #7b86bc

Tones of #7b86bc

Color Blindness Simulator