#7c86b8 hex color

In a RGB color space, hex #7c86b8 is composed of 48.6% red, 52.5% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 32.6% cyan, 27.2% magenta, 0% yellow and 27.8% black. It has a hue angle of 230 degrees, a saturation of 29.7% and a lightness of 60.4%. #7c86b8 color hex could be obtained by blending #f8ffff with #000d71. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 49
- G 53
- B 72
RGB color chart
- C 33
- M 27
- Y 0
- K 28
CMYK color chart

● #7c86b8 color description : Slightly desaturated blue.

The hexadecimal color #7c86b8 has RGB values of R:124, G:134, B:184 and CMYK values of C:0.33, M:0.27, Y:0, K:0.28. Its decimal value is 8160952.

Hex triplet	7c86b8	`#7c86b8`
RGB Decimal	124, 134, 184	`rgb(124,134,184)`
RGB Percent	48.6, 52.5, 72.2	`rgb(48.6%,52.5%,72.2%)`
CMYK	33, 27, 0, 28
HSL	230°, 29.7, 60.4	`hsl(230,29.7%,60.4%)`
HSV (or HSB)	230°, 32.6, 72.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.876, 8.308, -27.396
XYZ	25.487, 24.795, 48.788
xyY	0.257, 0.25, 24.795
CIE-LCH	56.876, 28.628, 286.871
CIE-LUV	56.876, -7.659, -42.85
Hunter-Lab	49.795, 4.223, -23.234
Binary	01111100, 10000110, 10111000

#7c86b8
```
#7c86b8 rgb(124,134,184)
```
#b8ae7c
```
#b8ae7c rgb(184,174,124)
```

Complementary Color

#7ca4b8
```
#7ca4b8 rgb(124,164,184)
```
#7c86b8
```
#7c86b8 rgb(124,134,184)
```
#907cb8
```
#907cb8 rgb(144,124,184)
```

Analogous Color

#a4b87c
```
#a4b87c rgb(164,184,124)
```
#7c86b8
```
#7c86b8 rgb(124,134,184)
```
#b8907c
```
#b8907c rgb(184,144,124)
```

Split Complementary Color

#86b87c
```
#86b87c rgb(134,184,124)
```
#7c86b8
```
#7c86b8 rgb(124,134,184)
```
#b87c86
```
#b87c86 rgb(184,124,134)
```

Triadic Color

#7cb8ae
```
#7cb8ae rgb(124,184,174)
```
#7c86b8
```
#7c86b8 rgb(124,134,184)
```
#b87c86
```
#b87c86 rgb(184,124,134)
```
#b8ae7c
```
#b8ae7c rgb(184,174,124)
```

Tetradic Color

#515d96
```
#515d96 rgb(81,93,150)
```
#5b67a6
```
#5b67a6 rgb(91,103,166)
```
#6b77af
```
#6b77af rgb(107,119,175)
```
#7c86b8
```
#7c86b8 rgb(124,134,184)
```
#8d95c1
```
#8d95c1 rgb(141,149,193)
```
#9da5ca
```
#9da5ca rgb(157,165,202)
```
#aeb4d3
```
#aeb4d3 rgb(174,180,211)
```

Monochromatic Color

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

#7c95b8
```
#7c95b8 rgb(124,149,184)
```
#7c90b8
```
#7c90b8 rgb(124,144,184)
```
#7c8bb8
```
#7c8bb8 rgb(124,139,184)
```
#7c86b8
```
#7c86b8 rgb(124,134,184)
```
#7c81b8
```
#7c81b8 rgb(124,129,184)
```
#7c7cb8
```
#7c7cb8 rgb(124,124,184)
```
#817cb8
```
#817cb8 rgb(129,124,184)
```

Similar Colors

Text with hexadecimal color #7c86b8

This text has a font color of #7c86b8.

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

#7c86b8 background color

This paragraph has a background color of #7c86b8.

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

#7c86b8 border color

This element has a border color of #7c86b8.

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

CSS codes

.text {color:#7c86b8;}

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

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

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

#050609
```
#050609 rgb(5,6,9)
```
#0c0d16
```
#0c0d16 rgb(12,13,22)
```
#131522
```
#131522 rgb(19,21,34)
```
#1a1d2f
```
#1a1d2f rgb(26,29,47)
```
#20253c
```
#20253c rgb(32,37,60)
```
#272d49
```
#272d49 rgb(39,45,73)
```
#2e3555
```
#2e3555 rgb(46,53,85)
```
#353d62
```
#353d62 rgb(53,61,98)
```
#3c446f
```
#3c446f rgb(60,68,111)
```
#434c7b
```
#434c7b rgb(67,76,123)
```
#4a5488
```
#4a5488 rgb(74,84,136)
```
#515c95
```
#515c95 rgb(81,92,149)
```
#5864a2
```
#5864a2 rgb(88,100,162)
```

Shade Color Variation

#636faa
```
#636faa rgb(99,111,170)
```
#6f7ab1
```
#6f7ab1 rgb(111,122,177)
```
#7c86b8
```
#7c86b8 rgb(124,134,184)
```
#8992bf
```
#8992bf rgb(137,146,191)
```
#959dc6
```
#959dc6 rgb(149,157,198)
```
#a2a9cd
```
#a2a9cd rgb(162,169,205)
```
#afb5d4
```
#afb5d4 rgb(175,181,212)
```
#bcc1da
```
#bcc1da rgb(188,193,218)
```
#c8cce1
```
#c8cce1 rgb(200,204,225)
```
#d5d8e8
```
#d5d8e8 rgb(213,216,232)
```
#e2e4ef
```
#e2e4ef rgb(226,228,239)
```
#eef0f6
```
#eef0f6 rgb(238,240,246)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9396a1 is the less saturated color, while #3657fe is the most saturated one.

#9396a1
```
#9396a1 rgb(147,150,161)
```
#8c90a8
```
#8c90a8 rgb(140,144,168)
```
#848bb0
```
#848bb0 rgb(132,139,176)
```
#7c86b8
```
#7c86b8 rgb(124,134,184)
```
#7481c0
```
#7481c0 rgb(116,129,192)
```
#6c7cc8
```
#6c7cc8 rgb(108,124,200)
```
#6576cf
```
#6576cf rgb(101,118,207)
```
#5d71d7
```
#5d71d7 rgb(93,113,215)
```
#556cdf
```
#556cdf rgb(85,108,223)
```
#4d67e7
```
#4d67e7 rgb(77,103,231)
```
#4662ee
```
#4662ee rgb(70,98,238)
```
#3e5df6
```
#3e5df6 rgb(62,93,246)
```
#3657fe
```
#3657fe rgb(54,87,254)
```

Tone Color Variation

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

Dichromacy

#808cbc Protanopia 1% of men
#808cbb Deuteranopia 1% of men
#7a929c Tritanopia 0.001% of the population

Trichromacy

#7e8aba Protanomaly 1% of men, 0.01% of women
#7f8aba Deuteranomaly 6% of men, 0.4% of women
#7b8da6 Tritanomaly 0.01% of the population

#7c86b8 hex color

#7c86b8 Color Information

#7c86b8 Color Conversion

Color Schemes with #7c86b8

Alternatives to #7c86b8

#7c86b8 Preview

Shades and Tints of #7c86b8

Tones of #7c86b8

Color Blindness Simulator