#684b86 hex color

In a RGB color space, hex #684b86 is composed of 40.8% red, 29.4% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 44% magenta, 0% yellow and 47.5% black. It has a hue angle of 269.5 degrees, a saturation of 28.2% and a lightness of 41%. #684b86 color hex could be obtained by blending #d096ff with #00000d. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 41
- G 29
- B 53
RGB color chart
- C 22
- M 44
- Y 0
- K 47
CMYK color chart

● #684b86 color description : Mostly desaturated dark violet.

The hexadecimal color #684b86 has RGB values of R:104, G:75, B:134 and CMYK values of C:0.22, M:0.44, Y:0, K:0.47. Its decimal value is 6835078.

Hex triplet	684b86	`#684b86`
RGB Decimal	104, 75, 134	`rgb(104,75,134)`
RGB Percent	40.8, 29.4, 52.5	`rgb(40.8%,29.4%,52.5%)`
CMYK	22, 44, 0, 47
HSL	269.5°, 28.2, 41	`hsl(269.5,28.2%,41%)`
HSV (or HSB)	269.5°, 44, 52.5
Web Safe	663399	`#663399`

CIE-LAB	37.292, 24.747, -28.534
XYZ	12.527, 9.697, 23.765
xyY	0.272, 0.211, 9.697
CIE-LCH	37.292, 37.77, 310.935
CIE-LUV	37.292, 10.046, -42.515
Hunter-Lab	31.139, 17.317, -23.451
Binary	01101000, 01001011, 10000110

#684b86
```
#684b86 rgb(104,75,134)
```
#69864b
```
#69864b rgb(105,134,75)
```

Complementary Color

#4b4c86
```
#4b4c86 rgb(75,76,134)
```
#684b86
```
#684b86 rgb(104,75,134)
```
#864b86
```
#864b86 rgb(134,75,134)
```

Analogous Color

#4c864b
```
#4c864b rgb(76,134,75)
```
#684b86
```
#684b86 rgb(104,75,134)
```
#86864b
```
#86864b rgb(134,134,75)
```

Split Complementary Color

#4b8668
```
#4b8668 rgb(75,134,104)
```
#684b86
```
#684b86 rgb(104,75,134)
```
#86684b
```
#86684b rgb(134,104,75)
```

Triadic Color

#4b6986
```
#4b6986 rgb(75,105,134)
```
#684b86
```
#684b86 rgb(104,75,134)
```
#86684b
```
#86684b rgb(134,104,75)
```
#69864b
```
#69864b rgb(105,134,75)
```

Tetradic Color

#423055
```
#423055 rgb(66,48,85)
```
#4f3965
```
#4f3965 rgb(79,57,101)
```
#5b4276
```
#5b4276 rgb(91,66,118)
```
#684b86
```
#684b86 rgb(104,75,134)
```
#755496
```
#755496 rgb(117,84,150)
```
#815fa5
```
#815fa5 rgb(129,95,165)
```
#8e6fae
```
#8e6fae rgb(142,111,174)
```

Monochromatic Color

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

#594b86
```
#594b86 rgb(89,75,134)
```
#5e4b86
```
#5e4b86 rgb(94,75,134)
```
#634b86
```
#634b86 rgb(99,75,134)
```
#684b86
```
#684b86 rgb(104,75,134)
```
#6d4b86
```
#6d4b86 rgb(109,75,134)
```
#724b86
```
#724b86 rgb(114,75,134)
```
#774b86
```
#774b86 rgb(119,75,134)
```

Similar Colors

Text with hexadecimal color #684b86

This text has a font color of #684b86.

<span style="color:#684b86;">Text here</span>

#684b86 background color

This paragraph has a background color of #684b86.

<p style="background-color:#684b86;">Content here</p>

#684b86 border color

This element has a border color of #684b86.

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

CSS codes

.text {color:#684b86;}

.background {background-color:#684b86;}

.border {border:1px solid #684b86;}

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

#060508
```
#060508 rgb(6,5,8)
```
#100c15
```
#100c15 rgb(16,12,21)
```
#1a1321
```
#1a1321 rgb(26,19,33)
```
#241a2e
```
#241a2e rgb(36,26,46)
```
#2d213b
```
#2d213b rgb(45,33,59)
```
#372847
```
#372847 rgb(55,40,71)
```
#412f54
```
#412f54 rgb(65,47,84)
```
#4b3660
```
#4b3660 rgb(75,54,96)
```
#543d6d
```
#543d6d rgb(84,61,109)
```
#5e4479
```
#5e4479 rgb(94,68,121)
```
#684b86
```
#684b86 rgb(104,75,134)
```
#725293
```
#725293 rgb(114,82,147)
```
#7c599f
```
#7c599f rgb(124,89,159)
```

Shade Color Variation

#8564a8
```
#8564a8 rgb(133,100,168)
```
#8f70af
```
#8f70af rgb(143,112,175)
```
#997db6
```
#997db6 rgb(153,125,182)
```
#a389bd
```
#a389bd rgb(163,137,189)
```
#ad96c4
```
#ad96c4 rgb(173,150,196)
```
#b7a3cb
```
#b7a3cb rgb(183,163,203)
```
#c0afd2
```
#c0afd2 rgb(192,175,210)
```
#cabcd9
```
#cabcd9 rgb(202,188,217)
```
#d4c8e0
```
#d4c8e0 rgb(212,200,224)
```
#ded5e7
```
#ded5e7 rgb(222,213,231)
```
#e8e2ee
```
#e8e2ee rgb(232,226,238)
```
#f2eef6
```
#f2eef6 rgb(242,238,246)
```
#fcfbfd
```
#fcfbfd rgb(252,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #68636e is the less saturated color, while #6703ce is the most saturated one.

#68636e
```
#68636e rgb(104,99,110)
```
#685b76
```
#685b76 rgb(104,91,118)
```
#68537e
```
#68537e rgb(104,83,126)
```
#684b86
```
#684b86 rgb(104,75,134)
```
#68438e
```
#68438e rgb(104,67,142)
```
#683b96
```
#683b96 rgb(104,59,150)
```
#68339e
```
#68339e rgb(104,51,158)
```
#672ba6
```
#672ba6 rgb(103,43,166)
```
#6723ae
```
#6723ae rgb(103,35,174)
```
#671bb6
```
#671bb6 rgb(103,27,182)
```
#6713be
```
#6713be rgb(103,19,190)
```
#670bc6
```
#670bc6 rgb(103,11,198)
```
#6703ce
```
#6703ce rgb(103,3,206)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#5d5763 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a5e94 Protanopia 1% of men
#4e5f88 Deuteranopia 1% of men
#675d64 Tritanopia 0.001% of the population

Trichromacy

#54578e Protanomaly 1% of men, 0.01% of women
#575887 Deuteranomaly 6% of men, 0.4% of women
#675670 Tritanomaly 0.01% of the population

#684b86 hex color

#684b86 Color Information

#684b86 Color Conversion

Color Schemes with #684b86

Alternatives to #684b86

#684b86 Preview

Shades and Tints of #684b86

Tones of #684b86

Color Blindness Simulator