#685dd1 hex color

In a RGB color space, hex #685dd1 is composed of 40.8% red, 36.5% green and 82% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 55.5% magenta, 0% yellow and 18% black. It has a hue angle of 245.7 degrees, a saturation of 55.8% and a lightness of 59.2%. #685dd1 color hex could be obtained by blending #d0baff with #0000a3. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 36
- B 82
RGB color chart
- C 50
- M 56
- Y 0
- K 18
CMYK color chart

● #685dd1 color description : Moderate blue.

The hexadecimal color #685dd1 has RGB values of R:104, G:93, B:209 and CMYK values of C:0.5, M:0.56, Y:0, K:0.18. Its decimal value is 6839761.

Hex triplet	685dd1	`#685dd1`
RGB Decimal	104, 93, 209	`rgb(104,93,209)`
RGB Percent	40.8, 36.5, 82	`rgb(40.8%,36.5%,82%)`
CMYK	50, 56, 0, 18
HSL	245.7°, 55.8, 59.2	`hsl(245.7,55.8%,59.2%)`
HSV (or HSB)	245.7°, 55.5, 82
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.143, 35.034, -58.781
XYZ	21.13, 15.375, 62.172
xyY	0.214, 0.156, 15.375
CIE-LCH	46.143, 68.429, 300.796
CIE-LUV	46.143, -2.994, -91.545
Hunter-Lab	39.21, 27.572, -66.563
Binary	01101000, 01011101, 11010001

#685dd1
```
#685dd1 rgb(104,93,209)
```
#c6d15d
```
#c6d15d rgb(198,209,93)
```

Complementary Color

#5d8cd1
```
#5d8cd1 rgb(93,140,209)
```
#685dd1
```
#685dd1 rgb(104,93,209)
```
#a25dd1
```
#a25dd1 rgb(162,93,209)
```

Analogous Color

#8cd15d
```
#8cd15d rgb(140,209,93)
```
#685dd1
```
#685dd1 rgb(104,93,209)
```
#d1a25d
```
#d1a25d rgb(209,162,93)
```

Split Complementary Color

#5dd168
```
#5dd168 rgb(93,209,104)
```
#685dd1
```
#685dd1 rgb(104,93,209)
```
#d1685d
```
#d1685d rgb(209,104,93)
```

Triadic Color

#5dc6d1
```
#5dc6d1 rgb(93,198,209)
```
#685dd1
```
#685dd1 rgb(104,93,209)
```
#d1685d
```
#d1685d rgb(209,104,93)
```
#c6d15d
```
#c6d15d rgb(198,209,93)
```

Tetradic Color

#3e32b0
```
#3e32b0 rgb(62,50,176)
```
#4538c3
```
#4538c3 rgb(69,56,195)
```
#5549cb
```
#5549cb rgb(85,73,203)
```
#685dd1
```
#685dd1 rgb(104,93,209)
```
#7b71d7
```
#7b71d7 rgb(123,113,215)
```
#8d85dc
```
#8d85dc rgb(141,133,220)
```
#a099e2
```
#a099e2 rgb(160,153,226)
```

Monochromatic Color

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

#5d6fd1
```
#5d6fd1 rgb(93,111,209)
```
#5d65d1
```
#5d65d1 rgb(93,101,209)
```
#5e5dd1
```
#5e5dd1 rgb(94,93,209)
```
#685dd1
```
#685dd1 rgb(104,93,209)
```
#725dd1
```
#725dd1 rgb(114,93,209)
```
#7b5dd1
```
#7b5dd1 rgb(123,93,209)
```
#855dd1
```
#855dd1 rgb(133,93,209)
```

Similar Colors

Text with hexadecimal color #685dd1

This text has a font color of #685dd1.

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

#685dd1 background color

This paragraph has a background color of #685dd1.

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

#685dd1 border color

This element has a border color of #685dd1.

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

CSS codes

.text {color:#685dd1;}

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

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

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

#020206
```
#020206 rgb(2,2,6)
```
#080615
```
#080615 rgb(8,6,21)
```
#0d0a25
```
#0d0a25 rgb(13,10,37)
```
#120f34
```
#120f34 rgb(18,15,52)
```
#181343
```
#181343 rgb(24,19,67)
```
#1d1752
```
#1d1752 rgb(29,23,82)
```
#221c62
```
#221c62 rgb(34,28,98)
```
#282071
```
#282071 rgb(40,32,113)
```
#2d2480
```
#2d2480 rgb(45,36,128)
```
#332990
```
#332990 rgb(51,41,144)
```
#382d9f
```
#382d9f rgb(56,45,159)
```
#3d31ae
```
#3d31ae rgb(61,49,174)
```
#4336bd
```
#4336bd rgb(67,54,189)
```

Shade Color Variation

#4c3ec8
```
#4c3ec8 rgb(76,62,200)
```
#5a4ecd
```
#5a4ecd rgb(90,78,205)
```
#685dd1
```
#685dd1 rgb(104,93,209)
```
#766cd5
```
#766cd5 rgb(118,108,213)
```
#847cda
```
#847cda rgb(132,124,218)
```
#938bde
```
#938bde rgb(147,139,222)
```
#a19ae2
```
#a19ae2 rgb(161,154,226)
```
#afa9e7
```
#afa9e7 rgb(175,169,231)
```
#bdb9eb
```
#bdb9eb rgb(189,185,235)
```
#ccc8ef
```
#ccc8ef rgb(204,200,239)
```
#dad7f4
```
#dad7f4 rgb(218,215,244)
```
#e8e6f8
```
#e8e6f8 rgb(232,230,248)
```
#f6f6fc
```
#f6f6fc rgb(246,246,252)
```

Tint Color Variation

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

#959599
```
#959599 rgb(149,149,153)
```
#8f8da1
```
#8f8da1 rgb(143,141,161)
```
#8885a9
```
#8885a9 rgb(136,133,169)
```
#827db1
```
#827db1 rgb(130,125,177)
```
#7b75b9
```
#7b75b9 rgb(123,117,185)
```
#756dc1
```
#756dc1 rgb(117,109,193)
```
#6e65c9
```
#6e65c9 rgb(110,101,201)
```
#685dd1
```
#685dd1 rgb(104,93,209)
```
#6255d9
```
#6255d9 rgb(98,85,217)
```
#5b4de1
```
#5b4de1 rgb(91,77,225)
```
#5545e9
```
#5545e9 rgb(85,69,233)
```
#4e3df1
```
#4e3df1 rgb(78,61,241)
```
#4835f9
```
#4835f9 rgb(72,53,249)
```

Tone Color Variation

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

Dichromacy

#0971de Protanopia 1% of men
#0077c5 Deuteranopia 1% of men
#507b84 Tritanopia 0.001% of the population

Trichromacy

#2b69d9 Protanomaly 1% of men, 0.01% of women
#256dc9 Deuteranomaly 6% of men, 0.4% of women
#5970a0 Tritanomaly 0.01% of the population

#685dd1 hex color

#685dd1 Color Information

#685dd1 Color Conversion

Color Schemes with #685dd1

Alternatives to #685dd1

#685dd1 Preview

Shades and Tints of #685dd1

Tones of #685dd1

Color Blindness Simulator