#685b7c hex color

In a RGB color space, hex #685b7c is composed of 40.8% red, 35.7% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 16.1% cyan, 26.6% magenta, 0% yellow and 51.4% black. It has a hue angle of 263.6 degrees, a saturation of 15.3% and a lightness of 42.2%. #685b7c color hex could be obtained by blending #d0b6f8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 41
- G 36
- B 49
RGB color chart
- C 16
- M 27
- Y 0
- K 51
CMYK color chart

● #685b7c color description : Mostly desaturated dark violet.

The hexadecimal color #685b7c has RGB values of R:104, G:91, B:124 and CMYK values of C:0.16, M:0.27, Y:0, K:0.51. Its decimal value is 6839164.

Hex triplet	685b7c	`#685b7c`
RGB Decimal	104, 91, 124	`rgb(104,91,124)`
RGB Percent	40.8, 35.7, 48.6	`rgb(40.8%,35.7%,48.6%)`
CMYK	16, 27, 0, 51
HSL	263.6°, 15.3, 42.2	`hsl(263.6,15.3%,42.2%)`
HSV (or HSB)	263.6°, 26.6, 48.6
Web Safe	666666	`#666666`

CIE-LAB	41.026, 12.392, -16.628
XYZ	13.087, 11.881, 20.671
xyY	0.287, 0.26, 11.881
CIE-LCH	41.026, 20.737, 306.696
CIE-LUV	41.026, 4.706, -24.654
Hunter-Lab	34.468, 7.457, -11.43
Binary	01101000, 01011011, 01111100

#685b7c
```
#685b7c rgb(104,91,124)
```
#6f7c5b
```
#6f7c5b rgb(111,124,91)
```

Complementary Color

#5b5f7c
```
#5b5f7c rgb(91,95,124)
```
#685b7c
```
#685b7c rgb(104,91,124)
```
#795b7c
```
#795b7c rgb(121,91,124)
```

Analogous Color

#5f7c5b
```
#5f7c5b rgb(95,124,91)
```
#685b7c
```
#685b7c rgb(104,91,124)
```
#7c795b
```
#7c795b rgb(124,121,91)
```

Split Complementary Color

#5b7c68
```
#5b7c68 rgb(91,124,104)
```
#685b7c
```
#685b7c rgb(104,91,124)
```
#7c685b
```
#7c685b rgb(124,104,91)
```

Triadic Color

#5b6f7c
```
#5b6f7c rgb(91,111,124)
```
#685b7c
```
#685b7c rgb(104,91,124)
```
#7c685b
```
#7c685b rgb(124,104,91)
```
#6f7c5b
```
#6f7c5b rgb(111,124,91)
```

Tetradic Color

#433b50
```
#433b50 rgb(67,59,80)
```
#4f455f
```
#4f455f rgb(79,69,95)
```
#5c506d
```
#5c506d rgb(92,80,109)
```
#685b7c
```
#685b7c rgb(104,91,124)
```
#74668b
```
#74668b rgb(116,102,139)
```
#817298
```
#817298 rgb(129,114,152)
```
#8e81a3
```
#8e81a3 rgb(142,129,163)
```

Monochromatic Color

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

#605b7c
```
#605b7c rgb(96,91,124)
```
#635b7c
```
#635b7c rgb(99,91,124)
```
#655b7c
```
#655b7c rgb(101,91,124)
```
#685b7c
```
#685b7c rgb(104,91,124)
```
#6b5b7c
```
#6b5b7c rgb(107,91,124)
```
#6e5b7c
```
#6e5b7c rgb(110,91,124)
```
#705b7c
```
#705b7c rgb(112,91,124)
```

Similar Colors

Text with hexadecimal color #685b7c

This text has a font color of #685b7c.

<span style="color:#685b7c;">Text here</span>

#685b7c background color

This paragraph has a background color of #685b7c.

<p style="background-color:#685b7c;">Content here</p>

#685b7c border color

This element has a border color of #685b7c.

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

CSS codes

.text {color:#685b7c;}

.background {background-color:#685b7c;}

.border {border:1px solid #685b7c;}

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

#09080b
```
#09080b rgb(9,8,11)
```
#131016
```
#131016 rgb(19,16,22)
```
#1c1921
```
#1c1921 rgb(28,25,33)
```
#26212d
```
#26212d rgb(38,33,45)
```
#2f2938
```
#2f2938 rgb(47,41,56)
```
#393143
```
#393143 rgb(57,49,67)
```
#423a4f
```
#423a4f rgb(66,58,79)
```
#4c425a
```
#4c425a rgb(76,66,90)
```
#554a65
```
#554a65 rgb(85,74,101)
```
#5f5371
```
#5f5371 rgb(95,83,113)
```
#685b7c
```
#685b7c rgb(104,91,124)
```
#716387
```
#716387 rgb(113,99,135)
```
#7b6c93
```
#7b6c93 rgb(123,108,147)
```

Shade Color Variation

#85779b
```
#85779b rgb(133,119,155)
```
#8f82a3
```
#8f82a3 rgb(143,130,163)
```
#998dac
```
#998dac rgb(153,141,172)
```
#a399b4
```
#a399b4 rgb(163,153,180)
```
#aea4bc
```
#aea4bc rgb(174,164,188)
```
#b8afc5
```
#b8afc5 rgb(184,175,197)
```
#c2bbcd
```
#c2bbcd rgb(194,187,205)
```
#ccc6d5
```
#ccc6d5 rgb(204,198,213)
```
#d6d1dd
```
#d6d1dd rgb(214,209,221)
```
#e0dde6
```
#e0dde6 rgb(224,221,230)
```
#eae8ee
```
#eae8ee rgb(234,232,238)
```
#f4f3f6
```
#f4f3f6 rgb(244,243,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a6374 is the less saturated color, while #5500d7 is the most saturated one.

#6a6374
```
#6a6374 rgb(106,99,116)
```
#685b7c
```
#685b7c rgb(104,91,124)
```
#665384
```
#665384 rgb(102,83,132)
```
#644a8d
```
#644a8d rgb(100,74,141)
```
#634295
```
#634295 rgb(99,66,149)
```
#613a9d
```
#613a9d rgb(97,58,157)
```
#5f32a5
```
#5f32a5 rgb(95,50,165)
```
#5d29ae
```
#5d29ae rgb(93,41,174)
```
#5c21b6
```
#5c21b6 rgb(92,33,182)
```
#5a19be
```
#5a19be rgb(90,25,190)
```
#5811c6
```
#5811c6 rgb(88,17,198)
```
#5608cf
```
#5608cf rgb(86,8,207)
```
#5500d7
```
#5500d7 rgb(85,0,215)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#646168 Atypical Achromatopsia 0.001% of the population

Dichromacy

#606785 Protanopia 1% of men
#656781 Deuteranopia 1% of men
#6b676e Tritanopia 0.001% of the population

Trichromacy

#636382 Protanomaly 1% of men, 0.01% of women
#66627f Deuteranomaly 6% of men, 0.4% of women
#6a6273 Tritanomaly 0.01% of the population

#685b7c hex color

#685b7c Color Information

#685b7c Color Conversion

Color Schemes with #685b7c

Alternatives to #685b7c

#685b7c Preview

Shades and Tints of #685b7c

Tones of #685b7c

Color Blindness Simulator