#685de1 hex color

In a RGB color space, hex #685de1 is composed of 40.8% red, 36.5% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 53.8% cyan, 58.7% magenta, 0% yellow and 11.8% black. It has a hue angle of 245 degrees, a saturation of 68.8% and a lightness of 62.4%. #685de1 color hex could be obtained by blending #d0baff with #0000c3. 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

● #685de1 color description : Soft blue.

The hexadecimal color #685de1 has RGB values of R:104, G:93, B:225 and CMYK values of C:0.54, M:0.59, Y:0, K:0.12. Its decimal value is 6839777.

Hex triplet	685de1	`#685de1`
RGB Decimal	104, 93, 225	`rgb(104,93,225)`
RGB Percent	40.8, 36.5, 88.2	`rgb(40.8%,36.5%,88.2%)`
CMYK	54, 59, 0, 12
HSL	245°, 68.8, 62.4	`hsl(245,68.8%,62.4%)`
HSV (or HSB)	245°, 58.7, 88.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.245, 39.92, -66.11
XYZ	23.211, 16.207, 73.135
xyY	0.206, 0.144, 16.207
CIE-LCH	47.245, 77.228, 301.125
CIE-LUV	47.245, -4.111, -103.204
Hunter-Lab	40.258, 32.464, -79.529
Binary	01101000, 01011101, 11100001

#685de1
```
#685de1 rgb(104,93,225)
```
#d6e15d
```
#d6e15d rgb(214,225,93)
```

Complementary Color

#5d94e1
```
#5d94e1 rgb(93,148,225)
```
#685de1
```
#685de1 rgb(104,93,225)
```
#aa5de1
```
#aa5de1 rgb(170,93,225)
```

Analogous Color

#94e15d
```
#94e15d rgb(148,225,93)
```
#685de1
```
#685de1 rgb(104,93,225)
```
#e1aa5d
```
#e1aa5d rgb(225,170,93)
```

Split Complementary Color

#5de168
```
#5de168 rgb(93,225,104)
```
#685de1
```
#685de1 rgb(104,93,225)
```
#e1685d
```
#e1685d rgb(225,104,93)
```

Triadic Color

#5dd6e1
```
#5dd6e1 rgb(93,214,225)
```
#685de1
```
#685de1 rgb(104,93,225)
```
#e1685d
```
#e1685d rgb(225,104,93)
```
#d6e15d
```
#d6e15d rgb(214,225,93)
```

Tetradic Color

#3426cc
```
#3426cc rgb(52,38,204)
```
#4032d9
```
#4032d9 rgb(64,50,217)
```
#5447dd
```
#5447dd rgb(84,71,221)
```
#685de1
```
#685de1 rgb(104,93,225)
```
#7c73e5
```
#7c73e5 rgb(124,115,229)
```
#9088e9
```
#9088e9 rgb(144,136,233)
```
#a49eed
```
#a49eed rgb(164,158,237)
```

Monochromatic Color

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

#5d73e1
```
#5d73e1 rgb(93,115,225)
```
#5d68e1
```
#5d68e1 rgb(93,104,225)
```
#5d5de1
```
#5d5de1 rgb(93,93,225)
```
#685de1
```
#685de1 rgb(104,93,225)
```
#735de1
```
#735de1 rgb(115,93,225)
```
#7e5de1
```
#7e5de1 rgb(126,93,225)
```
#895de1
```
#895de1 rgb(137,93,225)
```

Similar Colors

Text with hexadecimal color #685de1

This text has a font color of #685de1.

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

#685de1 background color

This paragraph has a background color of #685de1.

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

#685de1 border color

This element has a border color of #685de1.

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

CSS codes

.text {color:#685de1;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#050414
```
#050414 rgb(5,4,20)
```
#090725
```
#090725 rgb(9,7,37)
```
#0d0a35
```
#0d0a35 rgb(13,10,53)
```
#120d46
```
#120d46 rgb(18,13,70)
```
#161056
```
#161056 rgb(22,16,86)
```
#1a1367
```
#1a1367 rgb(26,19,103)
```
#1e1677
```
#1e1677 rgb(30,22,119)
```
#221988
```
#221988 rgb(34,25,136)
```
#271c98
```
#271c98 rgb(39,28,152)
```
#2b1fa9
```
#2b1fa9 rgb(43,31,169)
```
#2f22ba
```
#2f22ba rgb(47,34,186)
```
#3325ca
```
#3325ca rgb(51,37,202)
```

Shade Color Variation

#3a2bd8
```
#3a2bd8 rgb(58,43,216)
```
#493cdb
```
#493cdb rgb(73,60,219)
```
#594cde
```
#594cde rgb(89,76,222)
```
#685de1
```
#685de1 rgb(104,93,225)
```
#776ee4
```
#776ee4 rgb(119,110,228)
```
#877ee7
```
#877ee7 rgb(135,126,231)
```
#968fea
```
#968fea rgb(150,143,234)
```
#a69fed
```
#a69fed rgb(166,159,237)
```
#b5b0f0
```
#b5b0f0 rgb(181,176,240)
```
#c5c0f3
```
#c5c0f3 rgb(197,192,243)
```
#d4d1f6
```
#d4d1f6 rgb(212,209,246)
```
#e3e1fa
```
#e3e1fa rgb(227,225,250)
```
#f3f2fd
```
#f3f2fd rgb(243,242,253)
```

Tint Color Variation

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

#9998a6
```
#9998a6 rgb(153,152,166)
```
#9391ad
```
#9391ad rgb(147,145,173)
```
#8d89b5
```
#8d89b5 rgb(141,137,181)
```
#8782bc
```
#8782bc rgb(135,130,188)
```
#817bc3
```
#817bc3 rgb(129,123,195)
```
#7a73cb
```
#7a73cb rgb(122,115,203)
```
#746cd2
```
#746cd2 rgb(116,108,210)
```
#6e64da
```
#6e64da rgb(110,100,218)
```
#685de1
```
#685de1 rgb(104,93,225)
```
#6256e8
```
#6256e8 rgb(98,86,232)
```
#5c4ef0
```
#5c4ef0 rgb(92,78,240)
```
#5647f7
```
#5647f7 rgb(86,71,247)
```
#4f3fff
```
#4f3fff rgb(79,63,255)
```

Tone Color Variation

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

#0073e2 Protanopia 1% of men
#0079c7 Deuteranopia 1% of men
#467f89 Tritanopia 0.001% of the population

Trichromacy

#256be2 Protanomaly 1% of men, 0.01% of women
#256fd1 Deuteranomaly 6% of men, 0.4% of women
#5273a9 Tritanomaly 0.01% of the population

#685de1 hex color

#685de1 Color Information

#685de1 Color Conversion

Color Schemes with #685de1

Alternatives to #685de1

#685de1 Preview

Shades and Tints of #685de1

Tones of #685de1

Color Blindness Simulator