#685e93 hex color

In a RGB color space, hex #685e93 is composed of 40.8% red, 36.9% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 29.3% cyan, 36.1% magenta, 0% yellow and 42.4% black. It has a hue angle of 251.3 degrees, a saturation of 22% and a lightness of 47.3%. #685e93 color hex could be obtained by blending #d0bcff with #000027. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 37
- B 58
RGB color chart
- C 29
- M 36
- Y 0
- K 42
CMYK color chart

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

The hexadecimal color #685e93 has RGB values of R:104, G:94, B:147 and CMYK values of C:0.29, M:0.36, Y:0, K:0.42. Its decimal value is 6839955.

Hex triplet	685e93	`#685e93`
RGB Decimal	104, 94, 147	`rgb(104,94,147)`
RGB Percent	40.8, 36.9, 57.6	`rgb(40.8%,36.9%,57.6%)`
CMYK	29, 36, 0, 42
HSL	251.3°, 22, 47.3	`hsl(251.3,22%,47.3%)`
HSV (or HSB)	251.3°, 36.1, 57.6
Web Safe	666699	`#666699`

CIE-LAB	42.846, 16.418, -27.712
XYZ	14.977, 13.055, 29.333
xyY	0.261, 0.228, 13.055
CIE-LCH	42.846, 32.21, 300.645
CIE-LUV	42.846, 1.48, -41.839
Hunter-Lab	36.132, 10.761, -22.842
Binary	01101000, 01011110, 10010011

#685e93
```
#685e93 rgb(104,94,147)
```
#89935e
```
#89935e rgb(137,147,94)
```

Complementary Color

#5e6f93
```
#5e6f93 rgb(94,111,147)
```
#685e93
```
#685e93 rgb(104,94,147)
```
#835e93
```
#835e93 rgb(131,94,147)
```

Analogous Color

#6f935e
```
#6f935e rgb(111,147,94)
```
#685e93
```
#685e93 rgb(104,94,147)
```
#93835e
```
#93835e rgb(147,131,94)
```

Split Complementary Color

#5e9368
```
#5e9368 rgb(94,147,104)
```
#685e93
```
#685e93 rgb(104,94,147)
```
#93685e
```
#93685e rgb(147,104,94)
```

Triadic Color

#5e8993
```
#5e8993 rgb(94,137,147)
```
#685e93
```
#685e93 rgb(104,94,147)
```
#93685e
```
#93685e rgb(147,104,94)
```
#89935e
```
#89935e rgb(137,147,94)
```

Tetradic Color

#474064
```
#474064 rgb(71,64,100)
```
#524a74
```
#524a74 rgb(82,74,116)
```
#5d5483
```
#5d5483 rgb(93,84,131)
```
#685e93
```
#685e93 rgb(104,94,147)
```
#756aa0
```
#756aa0 rgb(117,106,160)
```
#837aaa
```
#837aaa rgb(131,122,170)
```
#928ab4
```
#928ab4 rgb(146,138,180)
```

Monochromatic Color

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

#5e6193
```
#5e6193 rgb(94,97,147)
```
#5f5e93
```
#5f5e93 rgb(95,94,147)
```
#645e93
```
#645e93 rgb(100,94,147)
```
#685e93
```
#685e93 rgb(104,94,147)
```
#6c5e93
```
#6c5e93 rgb(108,94,147)
```
#715e93
```
#715e93 rgb(113,94,147)
```
#755e93
```
#755e93 rgb(117,94,147)
```

Similar Colors

Text with hexadecimal color #685e93

This text has a font color of #685e93.

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

#685e93 background color

This paragraph has a background color of #685e93.

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

#685e93 border color

This element has a border color of #685e93.

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

CSS codes

.text {color:#685e93;}

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

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

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

#020203
```
#020203 rgb(2,2,3)
```
#0b0a0f
```
#0b0a0f rgb(11,10,15)
```
#13111b
```
#13111b rgb(19,17,27)
```
#1c1927
```
#1c1927 rgb(28,25,39)
```
#242133
```
#242133 rgb(36,33,51)
```
#2d283f
```
#2d283f rgb(45,40,63)
```
#35304b
```
#35304b rgb(53,48,75)
```
#3e3857
```
#3e3857 rgb(62,56,87)
```
#463f63
```
#463f63 rgb(70,63,99)
```
#4f476f
```
#4f476f rgb(79,71,111)
```
#574f7b
```
#574f7b rgb(87,79,123)
```
#605687
```
#605687 rgb(96,86,135)
```
#685e93
```
#685e93 rgb(104,94,147)
```

Shade Color Variation

#71679e
```
#71679e rgb(113,103,158)
```
#7c73a5
```
#7c73a5 rgb(124,115,165)
```
#887fad
```
#887fad rgb(136,127,173)
```
#938bb5
```
#938bb5 rgb(147,139,181)
```
#9e97bc
```
#9e97bc rgb(158,151,188)
```
#a9a3c4
```
#a9a3c4 rgb(169,163,196)
```
#b4afcc
```
#b4afcc rgb(180,175,204)
```
#bfbbd3
```
#bfbbd3 rgb(191,187,211)
```
#cac7db
```
#cac7db rgb(202,199,219)
```
#d6d3e3
```
#d6d3e3 rgb(214,211,227)
```
#e1dfea
```
#e1dfea rgb(225,223,234)
```
#eceaf2
```
#eceaf2 rgb(236,234,242)
```
#f7f6fa
```
#f7f6fa rgb(247,246,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747180 is the less saturated color, while #2e01f0 is the most saturated one.

#747180
```
#747180 rgb(116,113,128)
```
#6e678a
```
#6e678a rgb(110,103,138)
```
#685e93
```
#685e93 rgb(104,94,147)
```
#62559c
```
#62559c rgb(98,85,156)
```
#5c4ba6
```
#5c4ba6 rgb(92,75,166)
```
#5742af
```
#5742af rgb(87,66,175)
```
#5139b8
```
#5139b8 rgb(81,57,184)
```
#4b30c1
```
#4b30c1 rgb(75,48,193)
```
#4526cb
```
#4526cb rgb(69,38,203)
```
#401dd4
```
#401dd4 rgb(64,29,212)
```
#3a14dd
```
#3a14dd rgb(58,20,221)
```
#340be6
```
#340be6 rgb(52,11,230)
```
#2e01f0
```
#2e01f0 rgb(46,1,240)
```

Tone Color Variation

Below, you can see how #685e93 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
#676570 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6b9c Protanopia 1% of men
#5c6c96 Deuteranopia 1% of men
#676d75 Tritanopia 0.001% of the population

Trichromacy

#5f6698 Protanomaly 1% of men, 0.01% of women
#606795 Deuteranomaly 6% of men, 0.4% of women
#676880 Tritanomaly 0.01% of the population

#685e93 hex color

#685e93 Color Information

#685e93 Color Conversion

Color Schemes with #685e93

Alternatives to #685e93

#685e93 Preview

Shades and Tints of #685e93

Tones of #685e93

Color Blindness Simulator