#685aa9 hex color

In a RGB color space, hex #685aa9 is composed of 40.8% red, 35.3% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 38.5% cyan, 46.7% magenta, 0% yellow and 33.7% black. It has a hue angle of 250.6 degrees, a saturation of 31.5% and a lightness of 50.8%. #685aa9 color hex could be obtained by blending #d0b4ff with #000053. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 35
- B 66
RGB color chart
- C 38
- M 47
- Y 0
- K 34
CMYK color chart

● #685aa9 color description : Dark moderate blue.

The hexadecimal color #685aa9 has RGB values of R:104, G:90, B:169 and CMYK values of C:0.38, M:0.47, Y:0, K:0.34. Its decimal value is 6838953.

Hex triplet	685aa9	`#685aa9`
RGB Decimal	104, 90, 169	`rgb(104,90,169)`
RGB Percent	40.8, 35.3, 66.3	`rgb(40.8%,35.3%,66.3%)`
CMYK	38, 47, 0, 34
HSL	250.6°, 31.5, 50.8	`hsl(250.6,31.5%,50.8%)`
HSV (or HSB)	250.6°, 46.7, 66.3
Web Safe	666699	`#666699`

CIE-LAB	42.943, 25, -40.647
XYZ	16.525, 13.12, 39.196
xyY	0.24, 0.191, 13.12
CIE-LCH	42.943, 47.72, 301.594
CIE-LUV	42.943, 1.07, -62.25
Hunter-Lab	36.221, 18.05, -38.804
Binary	01101000, 01011010, 10101001

#685aa9
```
#685aa9 rgb(104,90,169)
```
#9ba95a
```
#9ba95a rgb(155,169,90)
```

Complementary Color

#5a74a9
```
#5a74a9 rgb(90,116,169)
```
#685aa9
```
#685aa9 rgb(104,90,169)
```
#905aa9
```
#905aa9 rgb(144,90,169)
```

Analogous Color

#74a95a
```
#74a95a rgb(116,169,90)
```
#685aa9
```
#685aa9 rgb(104,90,169)
```
#a9905a
```
#a9905a rgb(169,144,90)
```

Split Complementary Color

#5aa968
```
#5aa968 rgb(90,169,104)
```
#685aa9
```
#685aa9 rgb(104,90,169)
```
#a9685a
```
#a9685a rgb(169,104,90)
```

Triadic Color

#5a9ba9
```
#5a9ba9 rgb(90,155,169)
```
#685aa9
```
#685aa9 rgb(104,90,169)
```
#a9685a
```
#a9685a rgb(169,104,90)
```
#9ba95a
```
#9ba95a rgb(155,169,90)
```

Tetradic Color

#493f78
```
#493f78 rgb(73,63,120)
```
#534789
```
#534789 rgb(83,71,137)
```
#5d5099
```
#5d5099 rgb(93,80,153)
```
#685aa9
```
#685aa9 rgb(104,90,169)
```
#776bb2
```
#776bb2 rgb(119,107,178)
```
#877cba
```
#877cba rgb(135,124,186)
```
#968cc3
```
#968cc3 rgb(150,140,195)
```

Monochromatic Color

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

#5a60a9
```
#5a60a9 rgb(90,96,169)
```
#5b5aa9
```
#5b5aa9 rgb(91,90,169)
```
#615aa9
```
#615aa9 rgb(97,90,169)
```
#685aa9
```
#685aa9 rgb(104,90,169)
```
#6f5aa9
```
#6f5aa9 rgb(111,90,169)
```
#755aa9
```
#755aa9 rgb(117,90,169)
```
#7c5aa9
```
#7c5aa9 rgb(124,90,169)
```

Similar Colors

Text with hexadecimal color #685aa9

This text has a font color of #685aa9.

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

#685aa9 background color

This paragraph has a background color of #685aa9.

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

#685aa9 border color

This element has a border color of #685aa9.

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

CSS codes

.text {color:#685aa9;}

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

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

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

#020103
```
#020103 rgb(2,1,3)
```
#090810
```
#090810 rgb(9,8,16)
```
#110f1c
```
#110f1c rgb(17,15,28)
```
#191629
```
#191629 rgb(25,22,41)
```
#211c36
```
#211c36 rgb(33,28,54)
```
#292343
```
#292343 rgb(41,35,67)
```
#302a50
```
#302a50 rgb(48,42,80)
```
#38305d
```
#38305d rgb(56,48,93)
```
#40376a
```
#40376a rgb(64,55,106)
```
#483e77
```
#483e77 rgb(72,62,119)
```
#504584
```
#504584 rgb(80,69,132)
```
#584b90
```
#584b90 rgb(88,75,144)
```
#5f529d
```
#5f529d rgb(95,82,157)
```

Shade Color Variation

#685aa9
```
#685aa9 rgb(104,90,169)
```
#7467b0
```
#7467b0 rgb(116,103,176)
```
#8074b6
```
#8074b6 rgb(128,116,182)
```
#8b81bd
```
#8b81bd rgb(139,129,189)
```
#978ec4
```
#978ec4 rgb(151,142,196)
```
#a39acb
```
#a39acb rgb(163,154,203)
```
#afa7d1
```
#afa7d1 rgb(175,167,209)
```
#bbb4d8
```
#bbb4d8 rgb(187,180,216)
```
#c6c1df
```
#c6c1df rgb(198,193,223)
```
#d2cee5
```
#d2cee5 rgb(210,206,229)
```
#dedbec
```
#dedbec rgb(222,219,236)
```
#eae8f3
```
#eae8f3 rgb(234,232,243)
```
#f6f5fa
```
#f6f5fa rgb(246,245,250)
```

Tint Color Variation

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

#818182
```
#818182 rgb(129,129,130)
```
#7b778c
```
#7b778c rgb(123,119,140)
```
#746d96
```
#746d96 rgb(116,109,150)
```
#6e649f
```
#6e649f rgb(110,100,159)
```
#685aa9
```
#685aa9 rgb(104,90,169)
```
#6250b3
```
#6250b3 rgb(98,80,179)
```
#5c47bc
```
#5c47bc rgb(92,71,188)
```
#553dc6
```
#553dc6 rgb(85,61,198)
```
#4f33d0
```
#4f33d0 rgb(79,51,208)
```
#492ad9
```
#492ad9 rgb(73,42,217)
```
#4320e3
```
#4320e3 rgb(67,32,227)
```
#3c16ed
```
#3c16ed rgb(60,22,237)
```
#360df6
```
#360df6 rgb(54,13,246)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#676474 Atypical Achromatopsia 0.001% of the population

Dichromacy

#496bb4 Protanopia 1% of men
#456da9 Deuteranopia 1% of men
#606f77 Tritanopia 0.001% of the population

Trichromacy

#5464b0 Protanomaly 1% of men, 0.01% of women
#5266a9 Deuteranomaly 6% of men, 0.4% of women
#636789 Tritanomaly 0.01% of the population

#685aa9 hex color

#685aa9 Color Information

#685aa9 Color Conversion

Color Schemes with #685aa9

Alternatives to #685aa9

#685aa9 Preview

Shades and Tints of #685aa9

Tones of #685aa9

Color Blindness Simulator