#685ae7 hex color

In a RGB color space, hex #685ae7 is composed of 40.8% red, 35.3% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 61% magenta, 0% yellow and 9.4% black. It has a hue angle of 246 degrees, a saturation of 74.6% and a lightness of 62.9%. #685ae7 color hex could be obtained by blending #d0b4ff with #0000cf. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 41
- G 35
- B 91
RGB color chart
- C 55
- M 61
- Y 0
- K 9
CMYK color chart

● #685ae7 color description : Soft blue.

The hexadecimal color #685ae7 has RGB values of R:104, G:90, B:231 and CMYK values of C:0.55, M:0.61, Y:0, K:0.09. Its decimal value is 6839015.

Hex triplet	685ae7	`#685ae7`
RGB Decimal	104, 90, 231	`rgb(104,90,231)`
RGB Percent	40.8, 35.3, 90.6	`rgb(40.8%,35.3%,90.6%)`
CMYK	55, 61, 0, 9
HSL	246°, 74.6, 62.9	`hsl(246,74.6%,62.9%)`
HSV (or HSB)	246°, 61, 90.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	47.006, 43.51, -69.891
XYZ	23.786, 16.024, 77.437
xyY	0.203, 0.137, 16.024
CIE-LCH	47.006, 82.328, 301.904
CIE-LUV	47.006, -3.784, -108.677
Hunter-Lab	40.03, 36.013, -86.673
Binary	01101000, 01011010, 11100111

#685ae7
```
#685ae7 rgb(104,90,231)
```
#d9e75a
```
#d9e75a rgb(217,231,90)
```

Complementary Color

#5a93e7
```
#5a93e7 rgb(90,147,231)
```
#685ae7
```
#685ae7 rgb(104,90,231)
```
#af5ae7
```
#af5ae7 rgb(175,90,231)
```

Analogous Color

#93e75a
```
#93e75a rgb(147,231,90)
```
#685ae7
```
#685ae7 rgb(104,90,231)
```
#e7af5a
```
#e7af5a rgb(231,175,90)
```

Split Complementary Color

#5ae768
```
#5ae768 rgb(90,231,104)
```
#685ae7
```
#685ae7 rgb(104,90,231)
```
#e7685a
```
#e7685a rgb(231,104,90)
```

Triadic Color

#5ad9e7
```
#5ad9e7 rgb(90,217,231)
```
#685ae7
```
#685ae7 rgb(104,90,231)
```
#e7685a
```
#e7685a rgb(231,104,90)
```
#d9e75a
```
#d9e75a rgb(217,231,90)
```

Tetradic Color

#311fd5
```
#311fd5 rgb(49,31,213)
```
#3f2de1
```
#3f2de1 rgb(63,45,225)
```
#5444e4
```
#5444e4 rgb(84,68,228)
```
#685ae7
```
#685ae7 rgb(104,90,231)
```
#7c70ea
```
#7c70ea rgb(124,112,234)
```
#9187ed
```
#9187ed rgb(145,135,237)
```
#a59df1
```
#a59df1 rgb(165,157,241)
```

Monochromatic Color

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

#5a6fe7
```
#5a6fe7 rgb(90,111,231)
```
#5a64e7
```
#5a64e7 rgb(90,100,231)
```
#5c5ae7
```
#5c5ae7 rgb(92,90,231)
```
#685ae7
```
#685ae7 rgb(104,90,231)
```
#745ae7
```
#745ae7 rgb(116,90,231)
```
#805ae7
```
#805ae7 rgb(128,90,231)
```
#8b5ae7
```
#8b5ae7 rgb(139,90,231)
```

Similar Colors

Text with hexadecimal color #685ae7

This text has a font color of #685ae7.

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

#685ae7 background color

This paragraph has a background color of #685ae7.

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

#685ae7 border color

This element has a border color of #685ae7.

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

CSS codes

.text {color:#685ae7;}

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

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

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

#010106
```
#010106 rgb(1,1,6)
```
#050317
```
#050317 rgb(5,3,23)
```
#090628
```
#090628 rgb(9,6,40)
```
#0d083a
```
#0d083a rgb(13,8,58)
```
#110b4b
```
#110b4b rgb(17,11,75)
```
#150d5c
```
#150d5c rgb(21,13,92)
```
#19106d
```
#19106d rgb(25,16,109)
```
#1d127e
```
#1d127e rgb(29,18,126)
```
#21158f
```
#21158f rgb(33,21,143)
```
#2517a0
```
#2517a0 rgb(37,23,160)
```
#291ab1
```
#291ab1 rgb(41,26,177)
```
#2d1cc3
```
#2d1cc3 rgb(45,28,195)
```
#311fd4
```
#311fd4 rgb(49,31,212)
```

Shade Color Variation

#3927e0
```
#3927e0 rgb(57,39,224)
```
#4938e2
```
#4938e2 rgb(73,56,226)
```
#5849e5
```
#5849e5 rgb(88,73,229)
```
#685ae7
```
#685ae7 rgb(104,90,231)
```
#786be9
```
#786be9 rgb(120,107,233)
```
#877cec
```
#877cec rgb(135,124,236)
```
#978dee
```
#978dee rgb(151,141,238)
```
#a79ef1
```
#a79ef1 rgb(167,158,241)
```
#b6b0f3
```
#b6b0f3 rgb(182,176,243)
```
#c6c1f6
```
#c6c1f6 rgb(198,193,246)
```
#d6d2f8
```
#d6d2f8 rgb(214,210,248)
```
#e5e3fb
```
#e5e3fb rgb(229,227,251)
```
#f5f4fd
```
#f5f4fd rgb(245,244,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9c9ba6 is the less saturated color, while #5744fd is the most saturated one.

#9c9ba6
```
#9c9ba6 rgb(156,155,166)
```
#9794ad
```
#9794ad rgb(151,148,173)
```
#918db4
```
#918db4 rgb(145,141,180)
```
#8b86bb
```
#8b86bb rgb(139,134,187)
```
#857ec3
```
#857ec3 rgb(133,126,195)
```
#7f77ca
```
#7f77ca rgb(127,119,202)
```
#7970d1
```
#7970d1 rgb(121,112,209)
```
#7469d8
```
#7469d8 rgb(116,105,216)
```
#6e61e0
```
#6e61e0 rgb(110,97,224)
```
#685ae7
```
#685ae7 rgb(104,90,231)
```
#6253ee
```
#6253ee rgb(98,83,238)
```
#5c4bf6
```
#5c4bf6 rgb(92,75,246)
```
#5744fd
```
#5744fd rgb(87,68,253)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#6d6a86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e1 Protanopia 1% of men
#0079c6 Deuteranopia 1% of men
#407f89 Tritanopia 0.001% of the population

Trichromacy

#256ae3 Protanomaly 1% of men, 0.01% of women
#256ed2 Deuteranomaly 6% of men, 0.4% of women
#4f71ab Tritanomaly 0.01% of the population

#685ae7 hex color

#685ae7 Color Information

#685ae7 Color Conversion

Color Schemes with #685ae7

Alternatives to #685ae7

#685ae7 Preview

Shades and Tints of #685ae7

Tones of #685ae7

Color Blindness Simulator