#685d99 hex color

In a RGB color space, hex #685d99 is composed of 40.8% red, 36.5% green and 60% blue. Whereas in a CMYK color space, it is composed of 32% cyan, 39.2% magenta, 0% yellow and 40% black. It has a hue angle of 251 degrees, a saturation of 24.4% and a lightness of 48.2%. #685d99 color hex could be obtained by blending #d0baff with #000033. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 36
- B 60
RGB color chart
- C 32
- M 39
- Y 0
- K 40
CMYK color chart

● #685d99 color description : Mostly desaturated dark blue.

The hexadecimal color #685d99 has RGB values of R:104, G:93, B:153 and CMYK values of C:0.32, M:0.39, Y:0, K:0.4. Its decimal value is 6839705.

Hex triplet	685d99	`#685d99`
RGB Decimal	104, 93, 153	`rgb(104,93,153)`
RGB Percent	40.8, 36.5, 60	`rgb(40.8%,36.5%,60%)`
CMYK	32, 39, 0, 40
HSL	251°, 24.4, 48.2	`hsl(251,24.4%,48.2%)`
HSV (or HSB)	251°, 39.2, 60
Web Safe	666699	`#666699`

CIE-LAB	42.871, 18.663, -31.26
XYZ	15.372, 13.072, 31.848
xyY	0.255, 0.217, 13.072
CIE-LCH	42.871, 36.408, 300.839
CIE-LUV	42.871, 1.367, -47.439
Hunter-Lab	36.155, 12.623, -26.92
Binary	01101000, 01011101, 10011001

#685d99
```
#685d99 rgb(104,93,153)
```
#8e995d
```
#8e995d rgb(142,153,93)
```

Complementary Color

#5d7099
```
#5d7099 rgb(93,112,153)
```
#685d99
```
#685d99 rgb(104,93,153)
```
#865d99
```
#865d99 rgb(134,93,153)
```

Analogous Color

#70995d
```
#70995d rgb(112,153,93)
```
#685d99
```
#685d99 rgb(104,93,153)
```
#99865d
```
#99865d rgb(153,134,93)
```

Split Complementary Color

#5d9968
```
#5d9968 rgb(93,153,104)
```
#685d99
```
#685d99 rgb(104,93,153)
```
#99685d
```
#99685d rgb(153,104,93)
```

Triadic Color

#5d8e99
```
#5d8e99 rgb(93,142,153)
```
#685d99
```
#685d99 rgb(104,93,153)
```
#99685d
```
#99685d rgb(153,104,93)
```
#8e995d
```
#8e995d rgb(142,153,93)
```

Tetradic Color

#484069
```
#484069 rgb(72,64,105)
```
#524a79
```
#524a79 rgb(82,74,121)
```
#5d5389
```
#5d5389 rgb(93,83,137)
```
#685d99
```
#685d99 rgb(104,93,153)
```
#756ba5
```
#756ba5 rgb(117,107,165)
```
#847bae
```
#847bae rgb(132,123,174)
```
#938ab8
```
#938ab8 rgb(147,138,184)
```

Monochromatic Color

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

#5d6199
```
#5d6199 rgb(93,97,153)
```
#5e5d99
```
#5e5d99 rgb(94,93,153)
```
#635d99
```
#635d99 rgb(99,93,153)
```
#685d99
```
#685d99 rgb(104,93,153)
```
#6d5d99
```
#6d5d99 rgb(109,93,153)
```
#725d99
```
#725d99 rgb(114,93,153)
```
#775d99
```
#775d99 rgb(119,93,153)
```

Similar Colors

Text with hexadecimal color #685d99

This text has a font color of #685d99.

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

#685d99 background color

This paragraph has a background color of #685d99.

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

#685d99 border color

This element has a border color of #685d99.

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

CSS codes

.text {color:#685d99;}

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

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

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

#040407
```
#040407 rgb(4,4,7)
```
#0d0b13
```
#0d0b13 rgb(13,11,19)
```
#15131f
```
#15131f rgb(21,19,31)
```
#1d1a2b
```
#1d1a2b rgb(29,26,43)
```
#262237
```
#262237 rgb(38,34,55)
```
#2e2944
```
#2e2944 rgb(46,41,68)
```
#363150
```
#363150 rgb(54,49,80)
```
#3f385c
```
#3f385c rgb(63,56,92)
```
#473f68
```
#473f68 rgb(71,63,104)
```
#4f4774
```
#4f4774 rgb(79,71,116)
```
#574e81
```
#574e81 rgb(87,78,129)
```
#60568d
```
#60568d rgb(96,86,141)
```
#685d99
```
#685d99 rgb(104,93,153)
```

Shade Color Variation

#7267a3
```
#7267a3 rgb(114,103,163)
```
#7d73aa
```
#7d73aa rgb(125,115,170)
```
#897fb1
```
#897fb1 rgb(137,127,177)
```
#948cb9
```
#948cb9 rgb(148,140,185)
```
#9f98c0
```
#9f98c0 rgb(159,152,192)
```
#aba4c8
```
#aba4c8 rgb(171,164,200)
```
#b6b0cf
```
#b6b0cf rgb(182,176,207)
```
#c1bcd7
```
#c1bcd7 rgb(193,188,215)
```
#cdc9de
```
#cdc9de rgb(205,201,222)
```
#d8d5e5
```
#d8d5e5 rgb(216,213,229)
```
#e3e1ed
```
#e3e1ed rgb(227,225,237)
```
#eeedf4
```
#eeedf4 rgb(238,237,244)
```
#faf9fc
```
#faf9fc rgb(250,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a797d is the less saturated color, while #3208ee is the most saturated one.

#7a797d
```
#7a797d rgb(122,121,125)
```
#747086
```
#747086 rgb(116,112,134)
```
#6e6690
```
#6e6690 rgb(110,102,144)
```
#685d99
```
#685d99 rgb(104,93,153)
```
#6254a2
```
#6254a2 rgb(98,84,162)
```
#5c4aac
```
#5c4aac rgb(92,74,172)
```
#5641b5
```
#5641b5 rgb(86,65,181)
```
#5037bf
```
#5037bf rgb(80,55,191)
```
#4a2ec8
```
#4a2ec8 rgb(74,46,200)
```
#4424d2
```
#4424d2 rgb(68,36,210)
```
#3e1bdb
```
#3e1bdb rgb(62,27,219)
```
#3811e5
```
#3811e5 rgb(56,17,229)
```
#3208ee
```
#3208ee rgb(50,8,238)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#676571 Atypical Achromatopsia 0.001% of the population

Dichromacy

#576ba2 Protanopia 1% of men
#576c9b Deuteranopia 1% of men
#656e76 Tritanopia 0.001% of the population

Trichromacy

#5d669f Protanomaly 1% of men, 0.01% of women
#5d669a Deuteranomaly 6% of men, 0.4% of women
#666882 Tritanomaly 0.01% of the population

#685d99 hex color

#685d99 Color Information

#685d99 Color Conversion

Color Schemes with #685d99

Alternatives to #685d99

#685d99 Preview

Shades and Tints of #685d99

Tones of #685d99

Color Blindness Simulator