#685ee7 hex color

In a RGB color space, hex #685ee7 is composed of 40.8% red, 36.9% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 59.3% magenta, 0% yellow and 9.4% black. It has a hue angle of 244.4 degrees, a saturation of 74.1% and a lightness of 63.7%. #685ee7 color hex could be obtained by blending #d0bcff with #0000cf. Closest websafe color is: #6666ff.

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

● #685ee7 color description : Soft blue.

The hexadecimal color #685ee7 has RGB values of R:104, G:94, B:231 and CMYK values of C:0.55, M:0.59, Y:0, K:0.09. Its decimal value is 6840039.

Hex triplet	685ee7	`#685ee7`
RGB Decimal	104, 94, 231	`rgb(104,94,231)`
RGB Percent	40.8, 36.9, 90.6	`rgb(40.8%,36.9%,90.6%)`
CMYK	55, 59, 0, 9
HSL	244.4°, 74.1, 63.7	`hsl(244.4,74.1%,63.7%)`
HSV (or HSB)	244.4°, 59.3, 90.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	47.902, 41.173, -68.436
XYZ	24.133, 16.717, 77.552
xyY	0.204, 0.141, 16.717
CIE-LCH	47.902, 79.866, 301.032
CIE-LUV	47.902, -4.763, -107.047
Hunter-Lab	40.887, 33.805, -83.838
Binary	01101000, 01011110, 11100111

#685ee7
```
#685ee7 rgb(104,94,231)
```
#dde75e
```
#dde75e rgb(221,231,94)
```

Complementary Color

#5e99e7
```
#5e99e7 rgb(94,153,231)
```
#685ee7
```
#685ee7 rgb(104,94,231)
```
#ad5ee7
```
#ad5ee7 rgb(173,94,231)
```

Analogous Color

#99e75e
```
#99e75e rgb(153,231,94)
```
#685ee7
```
#685ee7 rgb(104,94,231)
```
#e7ad5e
```
#e7ad5e rgb(231,173,94)
```

Split Complementary Color

#5ee768
```
#5ee768 rgb(94,231,104)
```
#685ee7
```
#685ee7 rgb(104,94,231)
```
#e7685e
```
#e7685e rgb(231,104,94)
```

Triadic Color

#5edde7
```
#5edde7 rgb(94,221,231)
```
#685ee7
```
#685ee7 rgb(104,94,231)
```
#e7685e
```
#e7685e rgb(231,104,94)
```
#dde75e
```
#dde75e rgb(221,231,94)
```

Tetradic Color

#2e20d8
```
#2e20d8 rgb(46,32,216)
```
#3e32e0
```
#3e32e0 rgb(62,50,224)
```
#5348e4
```
#5348e4 rgb(83,72,228)
```
#685ee7
```
#685ee7 rgb(104,94,231)
```
#7d74ea
```
#7d74ea rgb(125,116,234)
```
#928aee
```
#928aee rgb(146,138,238)
```
#a6a1f1
```
#a6a1f1 rgb(166,161,241)
```

Monochromatic Color

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

#5e76e7
```
#5e76e7 rgb(94,118,231)
```
#5e6be7
```
#5e6be7 rgb(94,107,231)
```
#5e5fe7
```
#5e5fe7 rgb(94,95,231)
```
#685ee7
```
#685ee7 rgb(104,94,231)
```
#735ee7
```
#735ee7 rgb(115,94,231)
```
#7f5ee7
```
#7f5ee7 rgb(127,94,231)
```
#8a5ee7
```
#8a5ee7 rgb(138,94,231)
```

Similar Colors

Text with hexadecimal color #685ee7

This text has a font color of #685ee7.

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

#685ee7 background color

This paragraph has a background color of #685ee7.

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

#685ee7 border color

This element has a border color of #685ee7.

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

CSS codes

.text {color:#685ee7;}

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

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

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

#02010a
```
#02010a rgb(2,1,10)
```
#06041b
```
#06041b rgb(6,4,27)
```
#09072c
```
#09072c rgb(9,7,44)
```
#0d093d
```
#0d093d rgb(13,9,61)
```
#100c4e
```
#100c4e rgb(16,12,78)
```
#140e5f
```
#140e5f rgb(20,14,95)
```
#181170
```
#181170 rgb(24,17,112)
```
#1b1381
```
#1b1381 rgb(27,19,129)
```
#1f1692
```
#1f1692 rgb(31,22,146)
```
#2218a3
```
#2218a3 rgb(34,24,163)
```
#261bb4
```
#261bb4 rgb(38,27,180)
```
#2a1dc5
```
#2a1dc5 rgb(42,29,197)
```
#2d20d7
```
#2d20d7 rgb(45,32,215)
```

Shade Color Variation

#382bdf
```
#382bdf rgb(56,43,223)
```
#483ce2
```
#483ce2 rgb(72,60,226)
```
#584de4
```
#584de4 rgb(88,77,228)
```
#685ee7
```
#685ee7 rgb(104,94,231)
```
#786fea
```
#786fea rgb(120,111,234)
```
#8880ec
```
#8880ec rgb(136,128,236)
```
#9891ef
```
#9891ef rgb(152,145,239)
```
#a8a2f1
```
#a8a2f1 rgb(168,162,241)
```
#b8b3f4
```
#b8b3f4 rgb(184,179,244)
```
#c8c4f6
```
#c8c4f6 rgb(200,196,246)
```
#d8d5f9
```
#d8d5f9 rgb(216,213,249)
```
#e8e7fb
```
#e8e7fb rgb(232,231,251)
```
#f8f8fe
```
#f8f8fe rgb(248,248,254)
```

Tint Color Variation

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

#9f9ea7
```
#9f9ea7 rgb(159,158,167)
```
#9997ae
```
#9997ae rgb(153,151,174)
```
#9390b5
```
#9390b5 rgb(147,144,181)
```
#8c89bc
```
#8c89bc rgb(140,137,188)
```
#8682c3
```
#8682c3 rgb(134,130,195)
```
#807acb
```
#807acb rgb(128,122,203)
```
#7a73d2
```
#7a73d2 rgb(122,115,210)
```
#746cd9
```
#746cd9 rgb(116,108,217)
```
#6e65e0
```
#6e65e0 rgb(110,101,224)
```
#685ee7
```
#685ee7 rgb(104,94,231)
```
#6257ee
```
#6257ee rgb(98,87,238)
```
#5c50f5
```
#5c50f5 rgb(92,80,245)
```
#5649fc
```
#5649fc rgb(86,73,252)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6f6d89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e5 Protanopia 1% of men
#007bca Deuteranopia 1% of men
#42818b Tritanopia 0.001% of the population

Trichromacy

#256ce6 Protanomaly 1% of men, 0.01% of women
#2570d4 Deuteranomaly 6% of men, 0.4% of women
#4f74ac Tritanomaly 0.01% of the population

#685ee7 hex color

#685ee7 Color Information

#685ee7 Color Conversion

Color Schemes with #685ee7

Alternatives to #685ee7

#685ee7 Preview

Shades and Tints of #685ee7

Tones of #685ee7

Color Blindness Simulator