#8684b3 hex color

In a RGB color space, hex #8684b3 is composed of 52.5% red, 51.8% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 25.1% cyan, 26.3% magenta, 0% yellow and 29.8% black. It has a hue angle of 242.6 degrees, a saturation of 23.6% and a lightness of 61%. #8684b3 color hex could be obtained by blending #ffffff with #0d0967. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 53
- G 52
- B 70
RGB color chart
- C 25
- M 26
- Y 0
- K 30
CMYK color chart

● #8684b3 color description : Slightly desaturated blue.

The hexadecimal color #8684b3 has RGB values of R:134, G:132, B:179 and CMYK values of C:0.25, M:0.26, Y:0, K:0.3. Its decimal value is 8815795.

Hex triplet	8684b3	`#8684b3`
RGB Decimal	134, 132, 179	`rgb(134,132,179)`
RGB Percent	52.5, 51.8, 70.2	`rgb(52.5%,51.8%,70.2%)`
CMYK	25, 26, 0, 30
HSL	242.6°, 23.6, 61	`hsl(242.6,23.6%,61%)`
HSV (or HSB)	242.6°, 26.3, 70.2
Web Safe	9999cc	`#9999cc`

CIE-LAB	56.905, 11.235, -24.434
XYZ	26.218, 24.825, 46.056
xyY	0.27, 0.256, 24.825
CIE-LCH	56.905, 26.893, 294.693
CIE-LUV	56.905, -1.821, -38.533
Hunter-Lab	49.825, 6.733, -19.927
Binary	10000110, 10000100, 10110011

#8684b3
```
#8684b3 rgb(134,132,179)
```
#b1b384
```
#b1b384 rgb(177,179,132)
```

Complementary Color

#849ab3
```
#849ab3 rgb(132,154,179)
```
#8684b3
```
#8684b3 rgb(134,132,179)
```
#9e84b3
```
#9e84b3 rgb(158,132,179)
```

Analogous Color

#9ab384
```
#9ab384 rgb(154,179,132)
```
#8684b3
```
#8684b3 rgb(134,132,179)
```
#b39e84
```
#b39e84 rgb(179,158,132)
```

Split Complementary Color

#84b386
```
#84b386 rgb(132,179,134)
```
#8684b3
```
#8684b3 rgb(134,132,179)
```
#b38684
```
#b38684 rgb(179,134,132)
```

Triadic Color

#84b1b3
```
#84b1b3 rgb(132,177,179)
```
#8684b3
```
#8684b3 rgb(134,132,179)
```
#b38684
```
#b38684 rgb(179,134,132)
```
#b1b384
```
#b1b384 rgb(177,179,132)
```

Tetradic Color

#5c5a91
```
#5c5a91 rgb(92,90,145)
```
#6764a0
```
#6764a0 rgb(103,100,160)
```
#7674a9
```
#7674a9 rgb(118,116,169)
```
#8684b3
```
#8684b3 rgb(134,132,179)
```
#9694bd
```
#9694bd rgb(150,148,189)
```
#a5a4c6
```
#a5a4c6 rgb(165,164,198)
```
#b5b3d0
```
#b5b3d0 rgb(181,179,208)
```

Monochromatic Color

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

#848eb3
```
#848eb3 rgb(132,142,179)
```
#848ab3
```
#848ab3 rgb(132,138,179)
```
#8486b3
```
#8486b3 rgb(132,134,179)
```
#8684b3
```
#8684b3 rgb(134,132,179)
```
#8a84b3
```
#8a84b3 rgb(138,132,179)
```
#8e84b3
```
#8e84b3 rgb(142,132,179)
```
#9284b3
```
#9284b3 rgb(146,132,179)
```

Similar Colors

Text with hexadecimal color #8684b3

This text has a font color of #8684b3.

<span style="color:#8684b3;">Text here</span>

#8684b3 background color

This paragraph has a background color of #8684b3.

<p style="background-color:#8684b3;">Content here</p>

#8684b3 border color

This element has a border color of #8684b3.

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

CSS codes

.text {color:#8684b3;}

.background {background-color:#8684b3;}

.border {border:1px solid #8684b3;}

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

#07060a
```
#07060a rgb(7,6,10)
```
#0e0e16
```
#0e0e16 rgb(14,14,22)
```
#161523
```
#161523 rgb(22,21,35)
```
#1e1d2f
```
#1e1d2f rgb(30,29,47)
```
#25243b
```
#25243b rgb(37,36,59)
```
#2d2c47
```
#2d2c47 rgb(45,44,71)
```
#353353
```
#353353 rgb(53,51,83)
```
#3c3b5f
```
#3c3b5f rgb(60,59,95)
```
#44426b
```
#44426b rgb(68,66,107)
```
#4c4a77
```
#4c4a77 rgb(76,74,119)
```
#535184
```
#535184 rgb(83,81,132)
```
#5b5990
```
#5b5990 rgb(91,89,144)
```
#63609c
```
#63609c rgb(99,96,156)
```

Shade Color Variation

#6e6ca4
```
#6e6ca4 rgb(110,108,164)
```
#7a78ac
```
#7a78ac rgb(122,120,172)
```
#8684b3
```
#8684b3 rgb(134,132,179)
```
#9290ba
```
#9290ba rgb(146,144,186)
```
#9e9cc2
```
#9e9cc2 rgb(158,156,194)
```
#aaa8c9
```
#aaa8c9 rgb(170,168,201)
```
#b6b4d1
```
#b6b4d1 rgb(182,180,209)
```
#c2c1d8
```
#c2c1d8 rgb(194,193,216)
```
#cecde0
```
#cecde0 rgb(206,205,224)
```
#d9d9e7
```
#d9d9e7 rgb(217,217,231)
```
#e5e5ef
```
#e5e5ef rgb(229,229,239)
```
#f1f1f6
```
#f1f1f6 rgb(241,241,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#9b9b9c
```
#9b9b9c rgb(155,155,156)
```
#9493a4
```
#9493a4 rgb(148,147,164)
```
#8d8cab
```
#8d8cab rgb(141,140,171)
```
#8684b3
```
#8684b3 rgb(134,132,179)
```
#7f7cbb
```
#7f7cbb rgb(127,124,187)
```
#7875c2
```
#7875c2 rgb(120,117,194)
```
#716dca
```
#716dca rgb(113,109,202)
```
#6a65d2
```
#6a65d2 rgb(106,101,210)
```
#635ed9
```
#635ed9 rgb(99,94,217)
```
#5c56e1
```
#5c56e1 rgb(92,86,225)
```
#554ee9
```
#554ee9 rgb(85,78,233)
```
#4e47f0
```
#4e47f0 rgb(78,71,240)
```
#473ff8
```
#473ff8 rgb(71,63,248)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#898992 Atypical Achromatopsia 0.001% of the population

Dichromacy

#818db8 Protanopia 1% of men
#858cb6 Deuteranopia 1% of men
#85909a Tritanopia 0.001% of the population

Trichromacy

#8389b6 Protanomaly 1% of men, 0.01% of women
#8589b5 Deuteranomaly 6% of men, 0.4% of women
#858ba3 Tritanomaly 0.01% of the population

#8684b3 hex color

#8684b3 Color Information

#8684b3 Color Conversion

Color Schemes with #8684b3

Alternatives to #8684b3

#8684b3 Preview

Shades and Tints of #8684b3

Tones of #8684b3

Color Blindness Simulator