#685ad3 hex color

In a RGB color space, hex #685ad3 is composed of 40.8% red, 35.3% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 50.7% cyan, 57.3% magenta, 0% yellow and 17.3% black. It has a hue angle of 246.9 degrees, a saturation of 57.9% and a lightness of 59%. #685ad3 color hex could be obtained by blending #d0b4ff with #0000a7. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 35
- B 83
RGB color chart
- C 51
- M 57
- Y 0
- K 17
CMYK color chart

● #685ad3 color description : Moderate blue.

The hexadecimal color #685ad3 has RGB values of R:104, G:90, B:211 and CMYK values of C:0.51, M:0.57, Y:0, K:0.17. Its decimal value is 6838995.

Hex triplet	685ad3	`#685ad3`
RGB Decimal	104, 90, 211	`rgb(104,90,211)`
RGB Percent	40.8, 35.3, 82.7	`rgb(40.8%,35.3%,82.7%)`
CMYK	51, 57, 0, 17
HSL	246.9°, 57.9, 59	`hsl(246.9,57.9%,59%)`
HSV (or HSB)	246.9°, 57.3, 82.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.577, 37.433, -60.841
XYZ	21.121, 14.958, 63.399
xyY	0.212, 0.15, 14.958
CIE-LCH	45.577, 71.435, 301.602
CIE-LUV	45.577, -2.33, -94.413
Hunter-Lab	38.675, 29.797, -70.118
Binary	01101000, 01011010, 11010011

#685ad3
```
#685ad3 rgb(104,90,211)
```
#c5d35a
```
#c5d35a rgb(197,211,90)
```

Complementary Color

#5a89d3
```
#5a89d3 rgb(90,137,211)
```
#685ad3
```
#685ad3 rgb(104,90,211)
```
#a55ad3
```
#a55ad3 rgb(165,90,211)
```

Analogous Color

#89d35a
```
#89d35a rgb(137,211,90)
```
#685ad3
```
#685ad3 rgb(104,90,211)
```
#d3a55a
```
#d3a55a rgb(211,165,90)
```

Split Complementary Color

#5ad368
```
#5ad368 rgb(90,211,104)
```
#685ad3
```
#685ad3 rgb(104,90,211)
```
#d3685a
```
#d3685a rgb(211,104,90)
```

Triadic Color

#5ac5d3
```
#5ac5d3 rgb(90,197,211)
```
#685ad3
```
#685ad3 rgb(104,90,211)
```
#d3685a
```
#d3685a rgb(211,104,90)
```
#c5d35a
```
#c5d35a rgb(197,211,90)
```

Tetradic Color

#3e2fb1
```
#3e2fb1 rgb(62,47,177)
```
#4535c5
```
#4535c5 rgb(69,53,197)
```
#5646ce
```
#5646ce rgb(86,70,206)
```
#685ad3
```
#685ad3 rgb(104,90,211)
```
#7a6ed8
```
#7a6ed8 rgb(122,110,216)
```
#8d82de
```
#8d82de rgb(141,130,222)
```
#9f96e3
```
#9f96e3 rgb(159,150,227)
```

Monochromatic Color

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

#5a6ad3
```
#5a6ad3 rgb(90,106,211)
```
#5a60d3
```
#5a60d3 rgb(90,96,211)
```
#5e5ad3
```
#5e5ad3 rgb(94,90,211)
```
#685ad3
```
#685ad3 rgb(104,90,211)
```
#725ad3
```
#725ad3 rgb(114,90,211)
```
#7c5ad3
```
#7c5ad3 rgb(124,90,211)
```
#865ad3
```
#865ad3 rgb(134,90,211)
```

Similar Colors

Text with hexadecimal color #685ad3

This text has a font color of #685ad3.

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

#685ad3 background color

This paragraph has a background color of #685ad3.

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

#685ad3 border color

This element has a border color of #685ad3.

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

CSS codes

.text {color:#685ad3;}

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

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

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

#020105
```
#020105 rgb(2,1,5)
```
#070615
```
#070615 rgb(7,6,21)
```
#0d0a24
```
#0d0a24 rgb(13,10,36)
```
#120e34
```
#120e34 rgb(18,14,52)
```
#181243
```
#181243 rgb(24,18,67)
```
#1d1653
```
#1d1653 rgb(29,22,83)
```
#231a62
```
#231a62 rgb(35,26,98)
```
#281e72
```
#281e72 rgb(40,30,114)
```
#2d2281
```
#2d2281 rgb(45,34,129)
```
#332791
```
#332791 rgb(51,39,145)
```
#382ba0
```
#382ba0 rgb(56,43,160)
```
#3e2fb0
```
#3e2fb0 rgb(62,47,176)
```
#4333bf
```
#4333bf rgb(67,51,191)
```

Shade Color Variation

#4c3bcb
```
#4c3bcb rgb(76,59,203)
```
#5a4bcf
```
#5a4bcf rgb(90,75,207)
```
#685ad3
```
#685ad3 rgb(104,90,211)
```
#7669d7
```
#7669d7 rgb(118,105,215)
```
#8479db
```
#8479db rgb(132,121,219)
```
#9388df
```
#9388df rgb(147,136,223)
```
#a198e4
```
#a198e4 rgb(161,152,228)
```
#afa7e8
```
#afa7e8 rgb(175,167,232)
```
#bdb7ec
```
#bdb7ec rgb(189,183,236)
```
#cbc6f0
```
#cbc6f0 rgb(203,198,240)
```
#d9d6f4
```
#d9d6f4 rgb(217,214,244)
```
#e8e5f8
```
#e8e5f8 rgb(232,229,248)
```
#f6f5fc
```
#f6f5fc rgb(246,245,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #93929b is the less saturated color, while #4932fb is the most saturated one.

#93929b
```
#93929b rgb(147,146,155)
```
#8d8aa3
```
#8d8aa3 rgb(141,138,163)
```
#8782ab
```
#8782ab rgb(135,130,171)
```
#817ab3
```
#817ab3 rgb(129,122,179)
```
#7b72bb
```
#7b72bb rgb(123,114,187)
```
#746ac3
```
#746ac3 rgb(116,106,195)
```
#6e62cb
```
#6e62cb rgb(110,98,203)
```
#685ad3
```
#685ad3 rgb(104,90,211)
```
#6252db
```
#6252db rgb(98,82,219)
```
#5c4ae3
```
#5c4ae3 rgb(92,74,227)
```
#5542eb
```
#5542eb rgb(85,66,235)
```
#4f3af3
```
#4f3af3 rgb(79,58,243)
```
#4932fb
```
#4932fb rgb(73,50,251)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#6b6881 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fdb Protanopia 1% of men
#0075c2 Deuteranopia 1% of men
#4e7a83 Tritanopia 0.001% of the population

Trichromacy

#2567d8 Protanomaly 1% of men, 0.01% of women
#256bc8 Deuteranomaly 6% of men, 0.4% of women
#576ea0 Tritanomaly 0.01% of the population

#685ad3 hex color

#685ad3 Color Information

#685ad3 Color Conversion

Color Schemes with #685ad3

Alternatives to #685ad3

#685ad3 Preview

Shades and Tints of #685ad3

Tones of #685ad3

Color Blindness Simulator