#685cb2 hex color

In a RGB color space, hex #685cb2 is composed of 40.8% red, 36.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 41.6% cyan, 48.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 248.4 degrees, a saturation of 35.8% and a lightness of 52.9%. #685cb2 color hex could be obtained by blending #d0b8ff with #000065. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 36
- B 70
RGB color chart
- C 42
- M 48
- Y 0
- K 30
CMYK color chart

● #685cb2 color description : Dark moderate blue.

The hexadecimal color #685cb2 has RGB values of R:104, G:92, B:178 and CMYK values of C:0.42, M:0.48, Y:0, K:0.3. Its decimal value is 6839474.

Hex triplet	685cb2	`#685cb2`
RGB Decimal	104, 92, 178	`rgb(104,92,178)`
RGB Percent	40.8, 36.1, 69.8	`rgb(40.8%,36.1%,69.8%)`
CMYK	42, 48, 0, 30
HSL	248.4°, 35.8, 52.9	`hsl(248.4,35.8%,52.9%)`
HSV (or HSB)	248.4°, 48.3, 69.8
Web Safe	666699	`#666699`

CIE-LAB	43.961, 26.376, -44.322
XYZ	17.57, 13.811, 43.857
xyY	0.234, 0.184, 13.811
CIE-LCH	43.961, 51.576, 300.757
CIE-LUV	43.961, -0.338, -68.281
Hunter-Lab	37.164, 19.356, -43.954
Binary	01101000, 01011100, 10110010

#685cb2
```
#685cb2 rgb(104,92,178)
```
#a6b25c
```
#a6b25c rgb(166,178,92)
```

Complementary Color

#5c7bb2
```
#5c7bb2 rgb(92,123,178)
```
#685cb2
```
#685cb2 rgb(104,92,178)
```
#935cb2
```
#935cb2 rgb(147,92,178)
```

Analogous Color

#7bb25c
```
#7bb25c rgb(123,178,92)
```
#685cb2
```
#685cb2 rgb(104,92,178)
```
#b2935c
```
#b2935c rgb(178,147,92)
```

Split Complementary Color

#5cb268
```
#5cb268 rgb(92,178,104)
```
#685cb2
```
#685cb2 rgb(104,92,178)
```
#b2685c
```
#b2685c rgb(178,104,92)
```

Triadic Color

#5ca6b2
```
#5ca6b2 rgb(92,166,178)
```
#685cb2
```
#685cb2 rgb(104,92,178)
```
#b2685c
```
#b2685c rgb(178,104,92)
```
#a6b25c
```
#a6b25c rgb(166,178,92)
```

Tetradic Color

#483e83
```
#483e83 rgb(72,62,131)
```
#514695
```
#514695 rgb(81,70,149)
```
#5b4ea6
```
#5b4ea6 rgb(91,78,166)
```
#685cb2
```
#685cb2 rgb(104,92,178)
```
#786dba
```
#786dba rgb(120,109,186)
```
#887fc2
```
#887fc2 rgb(136,127,194)
```
#9890cb
```
#9890cb rgb(152,144,203)
```

Monochromatic Color

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

#5c66b2
```
#5c66b2 rgb(92,102,178)
```
#5c5eb2
```
#5c5eb2 rgb(92,94,178)
```
#615cb2
```
#615cb2 rgb(97,92,178)
```
#685cb2
```
#685cb2 rgb(104,92,178)
```
#6f5cb2
```
#6f5cb2 rgb(111,92,178)
```
#765cb2
```
#765cb2 rgb(118,92,178)
```
#7e5cb2
```
#7e5cb2 rgb(126,92,178)
```

Similar Colors

Text with hexadecimal color #685cb2

This text has a font color of #685cb2.

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

#685cb2 background color

This paragraph has a background color of #685cb2.

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

#685cb2 border color

This element has a border color of #685cb2.

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

CSS codes

.text {color:#685cb2;}

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

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

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, #06050a is the darkest color, while #fcfcfe is the lightest one.

#06050a
```
#06050a rgb(6,5,10)
```
#0d0b18
```
#0d0b18 rgb(13,11,24)
```
#141125
```
#141125 rgb(20,17,37)
```
#1b1832
```
#1b1832 rgb(27,24,50)
```
#231e3f
```
#231e3f rgb(35,30,63)
```
#2a244d
```
#2a244d rgb(42,36,77)
```
#312b5a
```
#312b5a rgb(49,43,90)
```
#383167
```
#383167 rgb(56,49,103)
```
#403775
```
#403775 rgb(64,55,117)
```
#473d82
```
#473d82 rgb(71,61,130)
```
#4e448f
```
#4e448f rgb(78,68,143)
```
#564a9d
```
#564a9d rgb(86,74,157)
```
#5d50aa
```
#5d50aa rgb(93,80,170)
```

Shade Color Variation

#685cb2
```
#685cb2 rgb(104,92,178)
```
#7469b8
```
#7469b8 rgb(116,105,184)
```
#8177bf
```
#8177bf rgb(129,119,191)
```
#8d84c5
```
#8d84c5 rgb(141,132,197)
```
#9991cb
```
#9991cb rgb(153,145,203)
```
#a69fd1
```
#a69fd1 rgb(166,159,209)
```
#b2acd8
```
#b2acd8 rgb(178,172,216)
```
#beb9de
```
#beb9de rgb(190,185,222)
```
#cbc7e4
```
#cbc7e4 rgb(203,199,228)
```
#d7d4eb
```
#d7d4eb rgb(215,212,235)
```
#e3e1f1
```
#e3e1f1 rgb(227,225,241)
```
#f0eff7
```
#f0eff7 rgb(240,239,247)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #83818d is the less saturated color, while #3312fc is the most saturated one.

#83818d
```
#83818d rgb(131,129,141)
```
#7c7896
```
#7c7896 rgb(124,120,150)
```
#756ea0
```
#756ea0 rgb(117,110,160)
```
#6f65a9
```
#6f65a9 rgb(111,101,169)
```
#685cb2
```
#685cb2 rgb(104,92,178)
```
#6153bb
```
#6153bb rgb(97,83,187)
```
#5b4ac4
```
#5b4ac4 rgb(91,74,196)
```
#5440ce
```
#5440ce rgb(84,64,206)
```
#4d37d7
```
#4d37d7 rgb(77,55,215)
```
#472ee0
```
#472ee0 rgb(71,46,224)
```
#4025e9
```
#4025e9 rgb(64,37,233)
```
#391bf3
```
#391bf3 rgb(57,27,243)
```
#3312fc
```
#3312fc rgb(51,18,252)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#696678 Atypical Achromatopsia 0.001% of the population

Dichromacy

#456dbd Protanopia 1% of men
#3f70b1 Deuteranopia 1% of men
#5d737b Tritanopia 0.001% of the population

Trichromacy

#5266b9 Protanomaly 1% of men, 0.01% of women
#4e69b1 Deuteranomaly 6% of men, 0.4% of women
#616a8f Tritanomaly 0.01% of the population

#685cb2 hex color

#685cb2 Color Information

#685cb2 Color Conversion

Color Schemes with #685cb2

Alternatives to #685cb2

#685cb2 Preview

Shades and Tints of #685cb2

Tones of #685cb2

Color Blindness Simulator