#685aed hex color

In a RGB color space, hex #685aed is composed of 40.8% red, 35.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 62% magenta, 0% yellow and 7.1% black. It has a hue angle of 245.7 degrees, a saturation of 80.3% and a lightness of 64.1%. #685aed color hex could be obtained by blending #d0b4ff with #0000db. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 41
- G 35
- B 93
RGB color chart
- C 56
- M 62
- Y 0
- K 7
CMYK color chart

● #685aed color description : Soft blue.

The hexadecimal color #685aed has RGB values of R:104, G:90, B:237 and CMYK values of C:0.56, M:0.62, Y:0, K:0.07. Its decimal value is 6839021.

Hex triplet	685aed	`#685aed`
RGB Decimal	104, 90, 237	`rgb(104,90,237)`
RGB Percent	40.8, 35.3, 92.9	`rgb(40.8%,35.3%,92.9%)`
CMYK	56, 62, 0, 7
HSL	245.7°, 80.3, 64.1	`hsl(245.7,80.3%,64.1%)`
HSV (or HSB)	245.7°, 62, 92.9
Web Safe	6666ff	`#6666ff`

CIE-LAB	47.455, 45.337, -72.54
XYZ	24.648, 16.369, 81.977
xyY	0.2, 0.133, 16.369
CIE-LCH	47.455, 85.543, 302.005
CIE-LUV	47.455, -4.201, -112.83
Hunter-Lab	40.459, 37.944, -91.812
Binary	01101000, 01011010, 11101101

#685aed
```
#685aed rgb(104,90,237)
```
#dfed5a
```
#dfed5a rgb(223,237,90)
```

Complementary Color

#5a96ed
```
#5a96ed rgb(90,150,237)
```
#685aed
```
#685aed rgb(104,90,237)
```
#b25aed
```
#b25aed rgb(178,90,237)
```

Analogous Color

#96ed5a
```
#96ed5a rgb(150,237,90)
```
#685aed
```
#685aed rgb(104,90,237)
```
#edb25a
```
#edb25a rgb(237,178,90)
```

Split Complementary Color

#5aed68
```
#5aed68 rgb(90,237,104)
```
#685aed
```
#685aed rgb(104,90,237)
```
#ed685a
```
#ed685a rgb(237,104,90)
```

Triadic Color

#5adfed
```
#5adfed rgb(90,223,237)
```
#685aed
```
#685aed rgb(104,90,237)
```
#ed685a
```
#ed685a rgb(237,104,90)
```
#dfed5a
```
#dfed5a rgb(223,237,90)
```

Tetradic Color

#2c19e2
```
#2c19e2 rgb(44,25,226)
```
#3e2ce8
```
#3e2ce8 rgb(62,44,232)
```
#5343ea
```
#5343ea rgb(83,67,234)
```
#685aed
```
#685aed rgb(104,90,237)
```
#7d71f0
```
#7d71f0 rgb(125,113,240)
```
#9288f2
```
#9288f2 rgb(146,136,242)
```
#a79ff5
```
#a79ff5 rgb(167,159,245)
```

Monochromatic Color

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

#5a71ed
```
#5a71ed rgb(90,113,237)
```
#5a65ed
```
#5a65ed rgb(90,101,237)
```
#5c5aed
```
#5c5aed rgb(92,90,237)
```
#685aed
```
#685aed rgb(104,90,237)
```
#745aed
```
#745aed rgb(116,90,237)
```
#815aed
```
#815aed rgb(129,90,237)
```
#8d5aed
```
#8d5aed rgb(141,90,237)
```

Similar Colors

Text with hexadecimal color #685aed

This text has a font color of #685aed.

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

#685aed background color

This paragraph has a background color of #685aed.

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

#685aed border color

This element has a border color of #685aed.

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

CSS codes

.text {color:#685aed;}

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

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

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

#02010c
```
#02010c rgb(2,1,12)
```
#06031e
```
#06031e rgb(6,3,30)
```
#09052f
```
#09052f rgb(9,5,47)
```
#0d0741
```
#0d0741 rgb(13,7,65)
```
#100953
```
#100953 rgb(16,9,83)
```
#130b64
```
#130b64 rgb(19,11,100)
```
#170d76
```
#170d76 rgb(23,13,118)
```
#1a0f88
```
#1a0f88 rgb(26,15,136)
```
#1e1199
```
#1e1199 rgb(30,17,153)
```
#2113ab
```
#2113ab rgb(33,19,171)
```
#2515bd
```
#2515bd rgb(37,21,189)
```
#2817ce
```
#2817ce rgb(40,23,206)
```
#2b18e0
```
#2b18e0 rgb(43,24,224)
```

Shade Color Variation

#3725e7
```
#3725e7 rgb(55,37,231)
```
#4837e9
```
#4837e9 rgb(72,55,233)
```
#5848eb
```
#5848eb rgb(88,72,235)
```
#685aed
```
#685aed rgb(104,90,237)
```
#786cef
```
#786cef rgb(120,108,239)
```
#887df1
```
#887df1 rgb(136,125,241)
```
#998ff3
```
#998ff3 rgb(153,143,243)
```
#a9a1f5
```
#a9a1f5 rgb(169,161,245)
```
#b9b2f7
```
#b9b2f7 rgb(185,178,247)
```
#c9c4f9
```
#c9c4f9 rgb(201,196,249)
```
#d9d6fb
```
#d9d6fb rgb(217,214,251)
```
#e9e7fc
```
#e9e7fc rgb(233,231,252)
```
#faf9fe
```
#faf9fe rgb(250,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a1a0a7 is the less saturated color, while #5d4cfb is the most saturated one.

#a1a0a7
```
#a1a0a7 rgb(161,160,167)
```
#9b99ae
```
#9b99ae rgb(155,153,174)
```
#9692b5
```
#9692b5 rgb(150,146,181)
```
#908bbc
```
#908bbc rgb(144,139,188)
```
#8a84c3
```
#8a84c3 rgb(138,132,195)
```
#847dca
```
#847dca rgb(132,125,202)
```
#7f76d1
```
#7f76d1 rgb(127,118,209)
```
#796fd8
```
#796fd8 rgb(121,111,216)
```
#7368df
```
#7368df rgb(115,104,223)
```
#6e61e6
```
#6e61e6 rgb(110,97,230)
```
#685aed
```
#685aed rgb(104,90,237)
```
#6253f4
```
#6253f4 rgb(98,83,244)
```
#5d4cfb
```
#5d4cfb rgb(93,76,251)
```

Tone Color Variation

Below, you can see how #685aed 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
#6e6b88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e3 Protanopia 1% of men
#007ac7 Deuteranopia 1% of men
#3b818a Tritanopia 0.001% of the population

Trichromacy

#256ae6 Protanomaly 1% of men, 0.01% of women
#256ed5 Deuteranomaly 6% of men, 0.4% of women
#4b73ae Tritanomaly 0.01% of the population

#685aed hex color

#685aed Color Information

#685aed Color Conversion

Color Schemes with #685aed

Alternatives to #685aed

#685aed Preview

Shades and Tints of #685aed

Tones of #685aed

Color Blindness Simulator