#7b86be hex color

In a RGB color space, hex #7b86be is composed of 48.2% red, 52.5% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 35.3% cyan, 29.5% magenta, 0% yellow and 25.5% black. It has a hue angle of 230.1 degrees, a saturation of 34% and a lightness of 61.4%. #7b86be color hex could be obtained by blending #f6ffff with #000d7d. Closest websafe color is: #6699cc.

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

● #7b86be color description : Slightly desaturated blue.

The hexadecimal color #7b86be has RGB values of R:123, G:134, B:190 and CMYK values of C:0.35, M:0.29, Y:0, K:0.25. Its decimal value is 8095422.

Hex triplet	7b86be	`#7b86be`
RGB Decimal	123, 134, 190	`rgb(123,134,190)`
RGB Percent	48.2, 52.5, 74.5	`rgb(48.2%,52.5%,74.5%)`
CMYK	35, 29, 0, 25
HSL	230.1°, 34, 61.4	`hsl(230.1,34%,61.4%)`
HSV (or HSB)	230.1°, 35.3, 74.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.054, 9.627, -30.54
XYZ	25.986, 24.978, 52.164
xyY	0.252, 0.242, 24.978
CIE-LCH	57.054, 32.021, 287.497
CIE-LUV	57.054, -8.365, -48.099
Hunter-Lab	49.978, 5.348, -26.899
Binary	01111011, 10000110, 10111110

#7b86be
```
#7b86be rgb(123,134,190)
```
#beb37b
```
#beb37b rgb(190,179,123)
```

Complementary Color

#7ba8be
```
#7ba8be rgb(123,168,190)
```
#7b86be
```
#7b86be rgb(123,134,190)
```
#927bbe
```
#927bbe rgb(146,123,190)
```

Analogous Color

#a8be7b
```
#a8be7b rgb(168,190,123)
```
#7b86be
```
#7b86be rgb(123,134,190)
```
#be927b
```
#be927b rgb(190,146,123)
```

Split Complementary Color

#86be7b
```
#86be7b rgb(134,190,123)
```
#7b86be
```
#7b86be rgb(123,134,190)
```
#be7b86
```
#be7b86 rgb(190,123,134)
```

Triadic Color

#7bbeb3
```
#7bbeb3 rgb(123,190,179)
```
#7b86be
```
#7b86be rgb(123,134,190)
```
#be7b86
```
#be7b86 rgb(190,123,134)
```
#beb37b
```
#beb37b rgb(190,179,123)
```

Tetradic Color

#4e5b9e
```
#4e5b9e rgb(78,91,158)
```
#5967ad
```
#5967ad rgb(89,103,173)
```
#6a76b6
```
#6a76b6 rgb(106,118,182)
```
#7b86be
```
#7b86be rgb(123,134,190)
```
#8c96c6
```
#8c96c6 rgb(140,150,198)
```
#9da5cf
```
#9da5cf rgb(157,165,207)
```
#aeb5d7
```
#aeb5d7 rgb(174,181,215)
```

Monochromatic Color

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

#7b97be
```
#7b97be rgb(123,151,190)
```
#7b91be
```
#7b91be rgb(123,145,190)
```
#7b8cbe
```
#7b8cbe rgb(123,140,190)
```
#7b86be
```
#7b86be rgb(123,134,190)
```
#7b80be
```
#7b80be rgb(123,128,190)
```
#7b7bbe
```
#7b7bbe rgb(123,123,190)
```
#817bbe
```
#817bbe rgb(129,123,190)
```

Similar Colors

Text with hexadecimal color #7b86be

This text has a font color of #7b86be.

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

#7b86be background color

This paragraph has a background color of #7b86be.

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

#7b86be border color

This element has a border color of #7b86be.

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

CSS codes

.text {color:#7b86be;}

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

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

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

#06070d
```
#06070d rgb(6,7,13)
```
#0d0f1a
```
#0d0f1a rgb(13,15,26)
```
#131627
```
#131627 rgb(19,22,39)
```
#1a1e34
```
#1a1e34 rgb(26,30,52)
```
#202641
```
#202641 rgb(32,38,65)
```
#272d4e
```
#272d4e rgb(39,45,78)
```
#2d355b
```
#2d355b rgb(45,53,91)
```
#333c69
```
#333c69 rgb(51,60,105)
```
#3a4476
```
#3a4476 rgb(58,68,118)
```
#404b83
```
#404b83 rgb(64,75,131)
```
#475390
```
#475390 rgb(71,83,144)
```
#4d5a9d
```
#4d5a9d rgb(77,90,157)
```
#5462aa
```
#5462aa rgb(84,98,170)
```

Shade Color Variation

#616eb1
```
#616eb1 rgb(97,110,177)
```
#6e7ab8
```
#6e7ab8 rgb(110,122,184)
```
#7b86be
```
#7b86be rgb(123,134,190)
```
#8892c4
```
#8892c4 rgb(136,146,196)
```
#959ecb
```
#959ecb rgb(149,158,203)
```
#a2aad1
```
#a2aad1 rgb(162,170,209)
```
#b0b6d8
```
#b0b6d8 rgb(176,182,216)
```
#bdc2de
```
#bdc2de rgb(189,194,222)
```
#cacee5
```
#cacee5 rgb(202,206,229)
```
#d7daeb
```
#d7daeb rgb(215,218,235)
```
#e4e6f2
```
#e4e6f2 rgb(228,230,242)
```
#f1f2f8
```
#f1f2f8 rgb(241,242,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#999aa0
```
#999aa0 rgb(153,154,160)
```
#9295a7
```
#9295a7 rgb(146,149,167)
```
#8a90af
```
#8a90af rgb(138,144,175)
```
#838bb6
```
#838bb6 rgb(131,139,182)
```
#7b86be
```
#7b86be rgb(123,134,190)
```
#7381c6
```
#7381c6 rgb(115,129,198)
```
#6c7ccd
```
#6c7ccd rgb(108,124,205)
```
#6477d5
```
#6477d5 rgb(100,119,213)
```
#5d72dc
```
#5d72dc rgb(93,114,220)
```
#556de4
```
#556de4 rgb(85,109,228)
```
#4e67eb
```
#4e67eb rgb(78,103,235)
```
#4662f3
```
#4662f3 rgb(70,98,243)
```
#3e5dfb
```
#3e5dfb rgb(62,93,251)
```

Tone Color Variation

Below, you can see how #7b86be 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
#868894 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d8dc2 Protanopia 1% of men
#7d8dc0 Deuteranopia 1% of men
#77939e Tritanopia 0.001% of the population

Trichromacy

#7c8ac0 Protanomaly 1% of men, 0.01% of women
#7c8abf Deuteranomaly 6% of men, 0.4% of women
#798ea9 Tritanomaly 0.01% of the population

#7b86be hex color

#7b86be Color Information

#7b86be Color Conversion

Color Schemes with #7b86be

Alternatives to #7b86be

#7b86be Preview

Shades and Tints of #7b86be

Tones of #7b86be

Color Blindness Simulator