#685bc5 hex color

In a RGB color space, hex #685bc5 is composed of 40.8% red, 35.7% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 47.2% cyan, 53.8% magenta, 0% yellow and 22.7% black. It has a hue angle of 247.4 degrees, a saturation of 47.7% and a lightness of 56.5%. #685bc5 color hex could be obtained by blending #d0b6ff with #00008b. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 36
- B 77
RGB color chart
- C 47
- M 54
- Y 0
- K 23
CMYK color chart

● #685bc5 color description : Moderate blue.

The hexadecimal color #685bc5 has RGB values of R:104, G:91, B:197 and CMYK values of C:0.47, M:0.54, Y:0, K:0.23. Its decimal value is 6839237.

Hex triplet	685bc5	`#685bc5`
RGB Decimal	104, 91, 197	`rgb(104,91,197)`
RGB Percent	40.8, 35.7, 77.3	`rgb(40.8%,35.7%,77.3%)`
CMYK	47, 54, 0, 23
HSL	247.4°, 47.7, 56.5	`hsl(247.4,47.7%,56.5%)`
HSV (or HSB)	247.4°, 53.8, 77.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.88, 32.614, -53.911
XYZ	19.526, 14.456, 54.582
xyY	0.22, 0.163, 14.456
CIE-LCH	44.88, 63.009, 301.173
CIE-LUV	44.88, -1.536, -83.529
Hunter-Lab	38.021, 25.134, -58.5
Binary	01101000, 01011011, 11000101

#685bc5
```
#685bc5 rgb(104,91,197)
```
#b8c55b
```
#b8c55b rgb(184,197,91)
```

Complementary Color

#5b83c5
```
#5b83c5 rgb(91,131,197)
```
#685bc5
```
#685bc5 rgb(104,91,197)
```
#9d5bc5
```
#9d5bc5 rgb(157,91,197)
```

Analogous Color

#83c55b
```
#83c55b rgb(131,197,91)
```
#685bc5
```
#685bc5 rgb(104,91,197)
```
#c59d5b
```
#c59d5b rgb(197,157,91)
```

Split Complementary Color

#5bc568
```
#5bc568 rgb(91,197,104)
```
#685bc5
```
#685bc5 rgb(104,91,197)
```
#c5685b
```
#c5685b rgb(197,104,91)
```

Triadic Color

#5bb8c5
```
#5bb8c5 rgb(91,184,197)
```
#685bc5
```
#685bc5 rgb(104,91,197)
```
#c5685b
```
#c5685b rgb(197,104,91)
```
#b8c55b
```
#b8c55b rgb(184,197,91)
```

Tetradic Color

#44379c
```
#44379c rgb(68,55,156)
```
#4c3eaf
```
#4c3eaf rgb(76,62,175)
```
#5748be
```
#5748be rgb(87,72,190)
```
#685bc5
```
#685bc5 rgb(104,91,197)
```
#796ecc
```
#796ecc rgb(121,110,204)
```
#8b81d2
```
#8b81d2 rgb(139,129,210)
```
#9c94d9
```
#9c94d9 rgb(156,148,217)
```

Monochromatic Color

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

#5b69c5
```
#5b69c5 rgb(91,105,197)
```
#5b60c5
```
#5b60c5 rgb(91,96,197)
```
#5f5bc5
```
#5f5bc5 rgb(95,91,197)
```
#685bc5
```
#685bc5 rgb(104,91,197)
```
#715bc5
```
#715bc5 rgb(113,91,197)
```
#7a5bc5
```
#7a5bc5 rgb(122,91,197)
```
#835bc5
```
#835bc5 rgb(131,91,197)
```

Similar Colors

Text with hexadecimal color #685bc5

This text has a font color of #685bc5.

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

#685bc5 background color

This paragraph has a background color of #685bc5.

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

#685bc5 border color

This element has a border color of #685bc5.

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

CSS codes

.text {color:#685bc5;}

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

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

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

#04030a
```
#04030a rgb(4,3,10)
```
#0b0918
```
#0b0918 rgb(11,9,24)
```
#110e27
```
#110e27 rgb(17,14,39)
```
#171335
```
#171335 rgb(23,19,53)
```
#1d1844
```
#1d1844 rgb(29,24,68)
```
#241d52
```
#241d52 rgb(36,29,82)
```
#2a2261
```
#2a2261 rgb(42,34,97)
```
#30276f
```
#30276f rgb(48,39,111)
```
#362c7e
```
#362c7e rgb(54,44,126)
```
#3d328c
```
#3d328c rgb(61,50,140)
```
#43379b
```
#43379b rgb(67,55,155)
```
#493ca9
```
#493ca9 rgb(73,60,169)
```
#5041b8
```
#5041b8 rgb(80,65,184)
```

Shade Color Variation

#5b4dc0
```
#5b4dc0 rgb(91,77,192)
```
#685bc5
```
#685bc5 rgb(104,91,197)
```
#7569ca
```
#7569ca rgb(117,105,202)
```
#8378cf
```
#8378cf rgb(131,120,207)
```
#9086d4
```
#9086d4 rgb(144,134,212)
```
#9d95d9
```
#9d95d9 rgb(157,149,217)
```
#aba3df
```
#aba3df rgb(171,163,223)
```
#b8b2e4
```
#b8b2e4 rgb(184,178,228)
```
#c5c0e9
```
#c5c0e9 rgb(197,192,233)
```
#d3cfee
```
#d3cfee rgb(211,207,238)
```
#e0ddf3
```
#e0ddf3 rgb(224,221,243)
```
#edecf8
```
#edecf8 rgb(237,236,248)
```
#fbfafd
```
#fbfafd rgb(251,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f8e92 is the less saturated color, while #4128f8 is the most saturated one.

#8f8e92
```
#8f8e92 rgb(143,142,146)
```
#88869a
```
#88869a rgb(136,134,154)
```
#827da3
```
#827da3 rgb(130,125,163)
```
#7b75ab
```
#7b75ab rgb(123,117,171)
```
#756cb4
```
#756cb4 rgb(117,108,180)
```
#6e64bc
```
#6e64bc rgb(110,100,188)
```
#685bc5
```
#685bc5 rgb(104,91,197)
```
#6252ce
```
#6252ce rgb(98,82,206)
```
#5b4ad6
```
#5b4ad6 rgb(91,74,214)
```
#5541df
```
#5541df rgb(85,65,223)
```
#4e39e7
```
#4e39e7 rgb(78,57,231)
```
#4830f0
```
#4830f0 rgb(72,48,240)
```
#4128f8
```
#4128f8 rgb(65,40,248)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#6a687d Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b6ed1 Protanopia 1% of men
#0073c1 Deuteranopia 1% of men
#56777f Tritanopia 0.001% of the population

Trichromacy

#4167cd Protanomaly 1% of men, 0.01% of women
#256ac2 Deuteranomaly 6% of men, 0.4% of women
#5c6c98 Tritanomaly 0.01% of the population

#685bc5 hex color

#685bc5 Color Information

#685bc5 Color Conversion

Color Schemes with #685bc5

Alternatives to #685bc5

#685bc5 Preview

Shades and Tints of #685bc5

Tones of #685bc5

Color Blindness Simulator