#685a7d hex color

In a RGB color space, hex #685a7d is composed of 40.8% red, 35.3% green and 49% blue. Whereas in a CMYK color space, it is composed of 16.8% cyan, 28% magenta, 0% yellow and 51% black. It has a hue angle of 264 degrees, a saturation of 16.3% and a lightness of 42.2%. #685a7d color hex could be obtained by blending #d0b4fa with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 41
- G 35
- B 49
RGB color chart
- C 17
- M 28
- Y 0
- K 51
CMYK color chart

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

The hexadecimal color #685a7d has RGB values of R:104, G:90, B:125 and CMYK values of C:0.17, M:0.28, Y:0, K:0.51. Its decimal value is 6838909.

Hex triplet	685a7d	`#685a7d`
RGB Decimal	104, 90, 125	`rgb(104,90,125)`
RGB Percent	40.8, 35.3, 49	`rgb(40.8%,35.3%,49%)`
CMYK	17, 28, 0, 51
HSL	264°, 16.3, 42.2	`hsl(264,16.3%,42.2%)`
HSV (or HSB)	264°, 28, 49
Web Safe	666666	`#666666`

CIE-LAB	40.794, 13.251, -17.593
XYZ	13.066, 11.736, 20.978
xyY	0.285, 0.256, 11.736
CIE-LCH	40.794, 22.025, 306.988
CIE-LUV	40.794, 5.051, -26.123
Hunter-Lab	34.258, 8.129, -12.326
Binary	01101000, 01011010, 01111101

#685a7d
```
#685a7d rgb(104,90,125)
```
#6f7d5a
```
#6f7d5a rgb(111,125,90)
```

Complementary Color

#5a5e7d
```
#5a5e7d rgb(90,94,125)
```
#685a7d
```
#685a7d rgb(104,90,125)
```
#7a5a7d
```
#7a5a7d rgb(122,90,125)
```

Analogous Color

#5e7d5a
```
#5e7d5a rgb(94,125,90)
```
#685a7d
```
#685a7d rgb(104,90,125)
```
#7d7a5a
```
#7d7a5a rgb(125,122,90)
```

Split Complementary Color

#5a7d68
```
#5a7d68 rgb(90,125,104)
```
#685a7d
```
#685a7d rgb(104,90,125)
```
#7d685a
```
#7d685a rgb(125,104,90)
```

Triadic Color

#5a6f7d
```
#5a6f7d rgb(90,111,125)
```
#685a7d
```
#685a7d rgb(104,90,125)
```
#7d685a
```
#7d685a rgb(125,104,90)
```
#6f7d5a
```
#6f7d5a rgb(111,125,90)
```

Tetradic Color

#433a51
```
#433a51 rgb(67,58,81)
```
#4f455f
```
#4f455f rgb(79,69,95)
```
#5c4f6e
```
#5c4f6e rgb(92,79,110)
```
#685a7d
```
#685a7d rgb(104,90,125)
```
#74658c
```
#74658c rgb(116,101,140)
```
#817199
```
#817199 rgb(129,113,153)
```
#8e80a4
```
#8e80a4 rgb(142,128,164)
```

Monochromatic Color

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

#5f5a7d
```
#5f5a7d rgb(95,90,125)
```
#625a7d
```
#625a7d rgb(98,90,125)
```
#655a7d
```
#655a7d rgb(101,90,125)
```
#685a7d
```
#685a7d rgb(104,90,125)
```
#6b5a7d
```
#6b5a7d rgb(107,90,125)
```
#6e5a7d
```
#6e5a7d rgb(110,90,125)
```
#715a7d
```
#715a7d rgb(113,90,125)
```

Similar Colors

Text with hexadecimal color #685a7d

This text has a font color of #685a7d.

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

#685a7d background color

This paragraph has a background color of #685a7d.

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

#685a7d border color

This element has a border color of #685a7d.

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

CSS codes

.text {color:#685a7d;}

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

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

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)
```
#1c1822
```
#1c1822 rgb(28,24,34)
```
#26212d
```
#26212d rgb(38,33,45)
```
#2f2939
```
#2f2939 rgb(47,41,57)
```
#393144
```
#393144 rgb(57,49,68)
```
#42394f
```
#42394f rgb(66,57,79)
```
#4c415b
```
#4c415b rgb(76,65,91)
```
#554a66
```
#554a66 rgb(85,74,102)
```
#5f5272
```
#5f5272 rgb(95,82,114)
```
#685a7d
```
#685a7d rgb(104,90,125)
```
#716288
```
#716288 rgb(113,98,136)
```
#7b6a94
```
#7b6a94 rgb(123,106,148)
```

Shade Color Variation

#85769c
```
#85769c rgb(133,118,156)
```
#8f81a4
```
#8f81a4 rgb(143,129,164)
```
#998dad
```
#998dad rgb(153,141,173)
```
#a398b5
```
#a398b5 rgb(163,152,181)
```
#aea3bd
```
#aea3bd rgb(174,163,189)
```
#b8afc5
```
#b8afc5 rgb(184,175,197)
```
#c2bacd
```
#c2bacd rgb(194,186,205)
```
#ccc6d6
```
#ccc6d6 rgb(204,198,214)
```
#d6d1de
```
#d6d1de rgb(214,209,222)
```
#e0dce6
```
#e0dce6 rgb(224,220,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, #6b6b6c is the less saturated color, while #5707d0 is the most saturated one.

#6b6b6c
```
#6b6b6c rgb(107,107,108)
```
#6a6275
```
#6a6275 rgb(106,98,117)
```
#685a7d
```
#685a7d rgb(104,90,125)
```
#665285
```
#665285 rgb(102,82,133)
```
#65498e
```
#65498e rgb(101,73,142)
```
#634196
```
#634196 rgb(99,65,150)
```
#61399e
```
#61399e rgb(97,57,158)
```
#6031a6
```
#6031a6 rgb(96,49,166)
```
#5e28af
```
#5e28af rgb(94,40,175)
```
#5c20b7
```
#5c20b7 rgb(92,32,183)
```
#5b18bf
```
#5b18bf rgb(91,24,191)
```
#5910c7
```
#5910c7 rgb(89,16,199)
```
#5707d0
```
#5707d0 rgb(87,7,208)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#636067 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f6786 Protanopia 1% of men
#636682 Deuteranopia 1% of men
#6b666e Tritanopia 0.001% of the population

Trichromacy

#626283 Protanomaly 1% of men, 0.01% of women
#656280 Deuteranomaly 6% of men, 0.4% of women
#6a6273 Tritanomaly 0.01% of the population

#685a7d hex color

#685a7d Color Information

#685a7d Color Conversion

Color Schemes with #685a7d

Alternatives to #685a7d

#685a7d Preview

Shades and Tints of #685a7d

Tones of #685a7d

Color Blindness Simulator