#685ca9 hex color

In a RGB color space, hex #685ca9 is composed of 40.8% red, 36.1% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 38.5% cyan, 45.6% magenta, 0% yellow and 33.7% black. It has a hue angle of 249.4 degrees, a saturation of 30.9% and a lightness of 51.2%. #685ca9 color hex could be obtained by blending #d0b8ff with #000053. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 36
- B 66
RGB color chart
- C 38
- M 46
- Y 0
- K 34
CMYK color chart

● #685ca9 color description : Dark moderate blue.

The hexadecimal color #685ca9 has RGB values of R:104, G:92, B:169 and CMYK values of C:0.38, M:0.46, Y:0, K:0.34. Its decimal value is 6839465.

Hex triplet	685ca9	`#685ca9`
RGB Decimal	104, 92, 169	`rgb(104,92,169)`
RGB Percent	40.8, 36.1, 66.3	`rgb(40.8%,36.1%,66.3%)`
CMYK	38, 46, 0, 34
HSL	249.4°, 30.9, 51.2	`hsl(249.4,30.9%,51.2%)`
HSV (or HSB)	249.4°, 45.6, 66.3
Web Safe	666699	`#666699`

CIE-LAB	43.451, 23.771, -39.841
XYZ	16.696, 13.462, 39.253
xyY	0.241, 0.194, 13.462
CIE-LCH	43.451, 46.393, 300.823
CIE-LUV	43.451, 0.395, -61.097
Hunter-Lab	36.69, 17.02, -37.748
Binary	01101000, 01011100, 10101001

#685ca9
```
#685ca9 rgb(104,92,169)
```
#9da95c
```
#9da95c rgb(157,169,92)
```

Complementary Color

#5c77a9
```
#5c77a9 rgb(92,119,169)
```
#685ca9
```
#685ca9 rgb(104,92,169)
```
#8f5ca9
```
#8f5ca9 rgb(143,92,169)
```

Analogous Color

#77a95c
```
#77a95c rgb(119,169,92)
```
#685ca9
```
#685ca9 rgb(104,92,169)
```
#a98f5c
```
#a98f5c rgb(169,143,92)
```

Split Complementary Color

#5ca968
```
#5ca968 rgb(92,169,104)
```
#685ca9
```
#685ca9 rgb(104,92,169)
```
#a9685c
```
#a9685c rgb(169,104,92)
```

Triadic Color

#5c9da9
```
#5c9da9 rgb(92,157,169)
```
#685ca9
```
#685ca9 rgb(104,92,169)
```
#a9685c
```
#a9685c rgb(169,104,92)
```
#9da95c
```
#9da95c rgb(157,169,92)
```

Tetradic Color

#494079
```
#494079 rgb(73,64,121)
```
#534989
```
#534989 rgb(83,73,137)
```
#5d519a
```
#5d519a rgb(93,81,154)
```
#685ca9
```
#685ca9 rgb(104,92,169)
```
#776db2
```
#776db2 rgb(119,109,178)
```
#877dbb
```
#877dbb rgb(135,125,187)
```
#968ec3
```
#968ec3 rgb(150,142,195)
```

Monochromatic Color

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

#5c63a9
```
#5c63a9 rgb(92,99,169)
```
#5c5da9
```
#5c5da9 rgb(92,93,169)
```
#625ca9
```
#625ca9 rgb(98,92,169)
```
#685ca9
```
#685ca9 rgb(104,92,169)
```
#6e5ca9
```
#6e5ca9 rgb(110,92,169)
```
#755ca9
```
#755ca9 rgb(117,92,169)
```
#7b5ca9
```
#7b5ca9 rgb(123,92,169)
```

Similar Colors

Text with hexadecimal color #685ca9

This text has a font color of #685ca9.

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

#685ca9 background color

This paragraph has a background color of #685ca9.

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

#685ca9 border color

This element has a border color of #685ca9.

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

CSS codes

.text {color:#685ca9;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#0a0911
```
#0a0911 rgb(10,9,17)
```
#12101e
```
#12101e rgb(18,16,30)
```
#1a162a
```
#1a162a rgb(26,22,42)
```
#211d37
```
#211d37 rgb(33,29,55)
```
#292444
```
#292444 rgb(41,36,68)
```
#312b51
```
#312b51 rgb(49,43,81)
```
#38315e
```
#38315e rgb(56,49,94)
```
#40386b
```
#40386b rgb(64,56,107)
```
#483f77
```
#483f77 rgb(72,63,119)
```
#504684
```
#504684 rgb(80,70,132)
```
#574d91
```
#574d91 rgb(87,77,145)
```
#5f539e
```
#5f539e rgb(95,83,158)
```

Shade Color Variation

#685ca9
```
#685ca9 rgb(104,92,169)
```
#7469b0
```
#7469b0 rgb(116,105,176)
```
#8076b7
```
#8076b7 rgb(128,118,183)
```
#8c83bd
```
#8c83bd rgb(140,131,189)
```
#988fc4
```
#988fc4 rgb(152,143,196)
```
#a39ccb
```
#a39ccb rgb(163,156,203)
```
#afa9d2
```
#afa9d2 rgb(175,169,210)
```
#bbb6d8
```
#bbb6d8 rgb(187,182,216)
```
#c7c3df
```
#c7c3df rgb(199,195,223)
```
#d3d0e6
```
#d3d0e6 rgb(211,208,230)
```
#dfdced
```
#dfdced rgb(223,220,237)
```
#ebe9f4
```
#ebe9f4 rgb(235,233,244)
```
#f7f6fa
```
#f7f6fa rgb(247,246,250)
```

Tint Color Variation

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

#828283
```
#828283 rgb(130,130,131)
```
#7c798c
```
#7c798c rgb(124,121,140)
```
#756f96
```
#756f96 rgb(117,111,150)
```
#6f669f
```
#6f669f rgb(111,102,159)
```
#685ca9
```
#685ca9 rgb(104,92,169)
```
#6152b3
```
#6152b3 rgb(97,82,179)
```
#5b49bc
```
#5b49bc rgb(91,73,188)
```
#543fc6
```
#543fc6 rgb(84,63,198)
```
#4e36cf
```
#4e36cf rgb(78,54,207)
```
#472cd9
```
#472cd9 rgb(71,44,217)
```
#4023e2
```
#4023e2 rgb(64,35,226)
```
#3a19ec
```
#3a19ec rgb(58,25,236)
```
#330ff6
```
#330ff6 rgb(51,15,246)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#686675 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c6cb3 Protanopia 1% of men
#496ea9 Deuteranopia 1% of men
#607179 Tritanopia 0.001% of the population

Trichromacy

#5666af Protanomaly 1% of men, 0.01% of women
#5468a9 Deuteranomaly 6% of men, 0.4% of women
#63698a Tritanomaly 0.01% of the population

#685ca9 hex color

#685ca9 Color Information

#685ca9 Color Conversion

Color Schemes with #685ca9

Alternatives to #685ca9

#685ca9 Preview

Shades and Tints of #685ca9

Tones of #685ca9

Color Blindness Simulator