#685ac9 hex color

In a RGB color space, hex #685ac9 is composed of 40.8% red, 35.3% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 48.3% cyan, 55.2% magenta, 0% yellow and 21.2% black. It has a hue angle of 247.6 degrees, a saturation of 50.7% and a lightness of 57.1%. #685ac9 color hex could be obtained by blending #d0b4ff with #000093. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 35
- B 79
RGB color chart
- C 48
- M 55
- Y 0
- K 21
CMYK color chart

● #685ac9 color description : Moderate blue.

The hexadecimal color #685ac9 has RGB values of R:104, G:90, B:201 and CMYK values of C:0.48, M:0.55, Y:0, K:0.21. Its decimal value is 6838985.

Hex triplet	685ac9	`#685ac9`
RGB Decimal	104, 90, 201	`rgb(104,90,201)`
RGB Percent	40.8, 35.3, 78.8	`rgb(40.8%,35.3%,78.8%)`
CMYK	48, 55, 0, 21
HSL	247.6°, 50.7, 57.1	`hsl(247.6,50.7%,57.1%)`
HSV (or HSB)	247.6°, 55.2, 78.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.902, 34.417, -56.185
XYZ	19.906, 14.472, 57
xyY	0.218, 0.158, 14.472
CIE-LCH	44.902, 65.888, 301.491
CIE-LUV	44.902, -1.563, -87.028
Hunter-Lab	38.042, 26.828, -62.207
Binary	01101000, 01011010, 11001001

#685ac9
```
#685ac9 rgb(104,90,201)
```
#bbc95a
```
#bbc95a rgb(187,201,90)
```

Complementary Color

#5a84c9
```
#5a84c9 rgb(90,132,201)
```
#685ac9
```
#685ac9 rgb(104,90,201)
```
#a05ac9
```
#a05ac9 rgb(160,90,201)
```

Analogous Color

#84c95a
```
#84c95a rgb(132,201,90)
```
#685ac9
```
#685ac9 rgb(104,90,201)
```
#c9a05a
```
#c9a05a rgb(201,160,90)
```

Split Complementary Color

#5ac968
```
#5ac968 rgb(90,201,104)
```
#685ac9
```
#685ac9 rgb(104,90,201)
```
#c9685a
```
#c9685a rgb(201,104,90)
```

Triadic Color

#5abbc9
```
#5abbc9 rgb(90,187,201)
```
#685ac9
```
#685ac9 rgb(104,90,201)
```
#c9685a
```
#c9685a rgb(201,104,90)
```
#bbc95a
```
#bbc95a rgb(187,201,90)
```

Tetradic Color

#4335a2
```
#4335a2 rgb(67,53,162)
```
#4b3bb5
```
#4b3bb5 rgb(75,59,181)
```
#5647c3
```
#5647c3 rgb(86,71,195)
```
#685ac9
```
#685ac9 rgb(104,90,201)
```
#7a6dcf
```
#7a6dcf rgb(122,109,207)
```
#8b80d6
```
#8b80d6 rgb(139,128,214)
```
#9d94dc
```
#9d94dc rgb(157,148,220)
```

Monochromatic Color

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

#5a68c9
```
#5a68c9 rgb(90,104,201)
```
#5a5fc9
```
#5a5fc9 rgb(90,95,201)
```
#5f5ac9
```
#5f5ac9 rgb(95,90,201)
```
#685ac9
```
#685ac9 rgb(104,90,201)
```
#715ac9
```
#715ac9 rgb(113,90,201)
```
#7b5ac9
```
#7b5ac9 rgb(123,90,201)
```
#845ac9
```
#845ac9 rgb(132,90,201)
```

Similar Colors

Text with hexadecimal color #685ac9

This text has a font color of #685ac9.

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

#685ac9 background color

This paragraph has a background color of #685ac9.

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

#685ac9 border color

This element has a border color of #685ac9.

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

CSS codes

.text {color:#685ac9;}

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

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

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

#05040c
```
#05040c rgb(5,4,12)
```
#0b091b
```
#0b091b rgb(11,9,27)
```
#110e2a
```
#110e2a rgb(17,14,42)
```
#171339
```
#171339 rgb(23,19,57)
```
#1d1747
```
#1d1747 rgb(29,23,71)
```
#241c56
```
#241c56 rgb(36,28,86)
```
#2a2165
```
#2a2165 rgb(42,33,101)
```
#302674
```
#302674 rgb(48,38,116)
```
#362b83
```
#362b83 rgb(54,43,131)
```
#3c3091
```
#3c3091 rgb(60,48,145)
```
#4234a0
```
#4234a0 rgb(66,52,160)
```
#4839af
```
#4839af rgb(72,57,175)
```
#4e3ebe
```
#4e3ebe rgb(78,62,190)
```

Shade Color Variation

#5a4bc4
```
#5a4bc4 rgb(90,75,196)
```
#685ac9
```
#685ac9 rgb(104,90,201)
```
#7669ce
```
#7669ce rgb(118,105,206)
```
#8378d3
```
#8378d3 rgb(131,120,211)
```
#9186d8
```
#9186d8 rgb(145,134,216)
```
#9e95dc
```
#9e95dc rgb(158,149,220)
```
#aca4e1
```
#aca4e1 rgb(172,164,225)
```
#b9b3e6
```
#b9b3e6 rgb(185,179,230)
```
#c7c1eb
```
#c7c1eb rgb(199,193,235)
```
#d4d0f0
```
#d4d0f0 rgb(212,208,240)
```
#e2dff5
```
#e2dff5 rgb(226,223,245)
```
#efeef9
```
#efeef9 rgb(239,238,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8d96 is the less saturated color, while #4227fc is the most saturated one.

#8e8d96
```
#8e8d96 rgb(142,141,150)
```
#87849f
```
#87849f rgb(135,132,159)
```
#817ca7
```
#817ca7 rgb(129,124,167)
```
#7b73b0
```
#7b73b0 rgb(123,115,176)
```
#756bb8
```
#756bb8 rgb(117,107,184)
```
#6e62c1
```
#6e62c1 rgb(110,98,193)
```
#685ac9
```
#685ac9 rgb(104,90,201)
```
#6252d1
```
#6252d1 rgb(98,82,209)
```
#5b49da
```
#5b49da rgb(91,73,218)
```
#5541e2
```
#5541e2 rgb(85,65,226)
```
#4f38eb
```
#4f38eb rgb(79,56,235)
```
#4930f3
```
#4930f3 rgb(73,48,243)
```
#4227fc
```
#4227fc rgb(66,39,252)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#6a687e Atypical Achromatopsia 0.001% of the population

Dichromacy

#1b6ed6 Protanopia 1% of men
#0073c0 Deuteranopia 1% of men
#537780 Tritanopia 0.001% of the population

Trichromacy

#3767d1 Protanomaly 1% of men, 0.01% of women
#256ac3 Deuteranomaly 6% of men, 0.4% of women
#5b6c9a Tritanomaly 0.01% of the population

#685ac9 hex color

#685ac9 Color Information

#685ac9 Color Conversion

Color Schemes with #685ac9

Alternatives to #685ac9

#685ac9 Preview

Shades and Tints of #685ac9

Tones of #685ac9

Color Blindness Simulator