#685ce0 hex color

In a RGB color space, hex #685ce0 is composed of 40.8% red, 36.1% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 58.9% magenta, 0% yellow and 12.2% black. It has a hue angle of 245.5 degrees, a saturation of 68% and a lightness of 62%. #685ce0 color hex could be obtained by blending #d0b8ff with #0000c1. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 36
- B 88
RGB color chart
- C 54
- M 59
- Y 0
- K 12
CMYK color chart

● #685ce0 color description : Soft blue.

The hexadecimal color #685ce0 has RGB values of R:104, G:92, B:224 and CMYK values of C:0.54, M:0.59, Y:0, K:0.12. Its decimal value is 6839520.

Hex triplet	685ce0	`#685ce0`
RGB Decimal	104, 92, 224	`rgb(104,92,224)`
RGB Percent	40.8, 36.1, 87.8	`rgb(40.8%,36.1%,87.8%)`
CMYK	54, 59, 0, 12
HSL	245.5°, 68, 62	`hsl(245.5,68%,62%)`
HSV (or HSB)	245.5°, 58.9, 87.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.946, 40.204, -66.028
XYZ	22.988, 15.978, 72.39
xyY	0.206, 0.143, 15.978
CIE-LCH	46.946, 77.305, 301.337
CIE-LUV	46.946, -3.788, -102.919
Hunter-Lab	39.973, 32.701, -79.391
Binary	01101000, 01011100, 11100000

#685ce0
```
#685ce0 rgb(104,92,224)
```
#d4e05c
```
#d4e05c rgb(212,224,92)
```

Complementary Color

#5c92e0
```
#5c92e0 rgb(92,146,224)
```
#685ce0
```
#685ce0 rgb(104,92,224)
```
#aa5ce0
```
#aa5ce0 rgb(170,92,224)
```

Analogous Color

#92e05c
```
#92e05c rgb(146,224,92)
```
#685ce0
```
#685ce0 rgb(104,92,224)
```
#e0aa5c
```
#e0aa5c rgb(224,170,92)
```

Split Complementary Color

#5ce068
```
#5ce068 rgb(92,224,104)
```
#685ce0
```
#685ce0 rgb(104,92,224)
```
#e0685c
```
#e0685c rgb(224,104,92)
```

Triadic Color

#5cd4e0
```
#5cd4e0 rgb(92,212,224)
```
#685ce0
```
#685ce0 rgb(104,92,224)
```
#e0685c
```
#e0685c rgb(224,104,92)
```
#d4e05c
```
#d4e05c rgb(212,224,92)
```

Tetradic Color

#3526c9
```
#3526c9 rgb(53,38,201)
```
#4031d8
```
#4031d8 rgb(64,49,216)
```
#5447dc
```
#5447dc rgb(84,71,220)
```
#685ce0
```
#685ce0 rgb(104,92,224)
```
#7c71e4
```
#7c71e4 rgb(124,113,228)
```
#9087e8
```
#9087e8 rgb(144,135,232)
```
#a49cec
```
#a49cec rgb(164,156,236)
```

Monochromatic Color

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

#5c71e0
```
#5c71e0 rgb(92,113,224)
```
#5c66e0
```
#5c66e0 rgb(92,102,224)
```
#5d5ce0
```
#5d5ce0 rgb(93,92,224)
```
#685ce0
```
#685ce0 rgb(104,92,224)
```
#735ce0
```
#735ce0 rgb(115,92,224)
```
#7e5ce0
```
#7e5ce0 rgb(126,92,224)
```
#895ce0
```
#895ce0 rgb(137,92,224)
```

Similar Colors

Text with hexadecimal color #685ce0

This text has a font color of #685ce0.

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

#685ce0 background color

This paragraph has a background color of #685ce0.

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

#685ce0 border color

This element has a border color of #685ce0.

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

CSS codes

.text {color:#685ce0;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#050312
```
#050312 rgb(5,3,18)
```
#090723
```
#090723 rgb(9,7,35)
```
#0e0a33
```
#0e0a33 rgb(14,10,51)
```
#120d44
```
#120d44 rgb(18,13,68)
```
#161054
```
#161054 rgb(22,16,84)
```
#1b1365
```
#1b1365 rgb(27,19,101)
```
#1f1675
```
#1f1675 rgb(31,22,117)
```
#231986
```
#231986 rgb(35,25,134)
```
#281d96
```
#281d96 rgb(40,29,150)
```
#2c20a7
```
#2c20a7 rgb(44,32,167)
```
#3023b7
```
#3023b7 rgb(48,35,183)
```
#3526c8
```
#3526c8 rgb(53,38,200)
```

Shade Color Variation

#3a2bd7
```
#3a2bd7 rgb(58,43,215)
```
#493bda
```
#493bda rgb(73,59,218)
```
#594cdd
```
#594cdd rgb(89,76,221)
```
#685ce0
```
#685ce0 rgb(104,92,224)
```
#776ce3
```
#776ce3 rgb(119,108,227)
```
#877de6
```
#877de6 rgb(135,125,230)
```
#968de9
```
#968de9 rgb(150,141,233)
```
#a59eed
```
#a59eed rgb(165,158,237)
```
#b4aef0
```
#b4aef0 rgb(180,174,240)
```
#c4bff3
```
#c4bff3 rgb(196,191,243)
```
#d3cff6
```
#d3cff6 rgb(211,207,246)
```
#e2e0f9
```
#e2e0f9 rgb(226,224,249)
```
#f1f0fc
```
#f1f0fc rgb(241,240,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9998a4 is the less saturated color, while #503efe is the most saturated one.

#9998a4
```
#9998a4 rgb(153,152,164)
```
#9390ac
```
#9390ac rgb(147,144,172)
```
#8d89b3
```
#8d89b3 rgb(141,137,179)
```
#8781bb
```
#8781bb rgb(135,129,187)
```
#807ac2
```
#807ac2 rgb(128,122,194)
```
#7a72ca
```
#7a72ca rgb(122,114,202)
```
#746bd1
```
#746bd1 rgb(116,107,209)
```
#6e63d9
```
#6e63d9 rgb(110,99,217)
```
#685ce0
```
#685ce0 rgb(104,92,224)
```
#6255e7
```
#6255e7 rgb(98,85,231)
```
#5c4def
```
#5c4def rgb(92,77,239)
```
#5646f6
```
#5646f6 rgb(86,70,246)
```
#503efe
```
#503efe rgb(80,62,254)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#6e6b86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e1 Protanopia 1% of men
#0079c6 Deuteranopia 1% of men
#467e88 Tritanopia 0.001% of the population

Trichromacy

#256ae0 Protanomaly 1% of men, 0.01% of women
#256ecf Deuteranomaly 6% of men, 0.4% of women
#5272a8 Tritanomaly 0.01% of the population

#685ce0 hex color

#685ce0 Color Information

#685ce0 Color Conversion

Color Schemes with #685ce0

Alternatives to #685ce0

#685ce0 Preview

Shades and Tints of #685ce0

Tones of #685ce0

Color Blindness Simulator