#685ba1 hex color

In a RGB color space, hex #685ba1 is composed of 40.8% red, 35.7% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 35.4% cyan, 43.5% magenta, 0% yellow and 36.9% black. It has a hue angle of 251.1 degrees, a saturation of 27.8% and a lightness of 49.4%. #685ba1 color hex could be obtained by blending #d0b6ff with #000043. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 36
- B 63
RGB color chart
- C 35
- M 43
- Y 0
- K 37
CMYK color chart

● #685ba1 color description : Mostly desaturated dark blue.

The hexadecimal color #685ba1 has RGB values of R:104, G:91, B:161 and CMYK values of C:0.35, M:0.43, Y:0, K:0.37. Its decimal value is 6839201.

Hex triplet	685ba1	`#685ba1`
RGB Decimal	104, 91, 161	`rgb(104,91,161)`
RGB Percent	40.8, 35.7, 63.1	`rgb(40.8%,35.7%,63.1%)`
CMYK	35, 43, 0, 37
HSL	251.1°, 27.8, 49.4	`hsl(251.1,27.8%,49.4%)`
HSV (or HSB)	251.1°, 43.5, 63.1
Web Safe	666699	`#666699`

CIE-LAB	42.761, 22.117, -36.197
XYZ	15.882, 12.998, 35.388
xyY	0.247, 0.202, 12.998
CIE-LCH	42.761, 42.42, 301.426
CIE-LUV	42.761, 1.417, -55.214
Hunter-Lab	36.053, 15.539, -32.96
Binary	01101000, 01011011, 10100001

#685ba1
```
#685ba1 rgb(104,91,161)
```
#94a15b
```
#94a15b rgb(148,161,91)
```

Complementary Color

#5b71a1
```
#5b71a1 rgb(91,113,161)
```
#685ba1
```
#685ba1 rgb(104,91,161)
```
#8b5ba1
```
#8b5ba1 rgb(139,91,161)
```

Analogous Color

#71a15b
```
#71a15b rgb(113,161,91)
```
#685ba1
```
#685ba1 rgb(104,91,161)
```
#a18b5b
```
#a18b5b rgb(161,139,91)
```

Split Complementary Color

#5ba168
```
#5ba168 rgb(91,161,104)
```
#685ba1
```
#685ba1 rgb(104,91,161)
```
#a1685b
```
#a1685b rgb(161,104,91)
```

Triadic Color

#5b94a1
```
#5b94a1 rgb(91,148,161)
```
#685ba1
```
#685ba1 rgb(104,91,161)
```
#a1685b
```
#a1685b rgb(161,104,91)
```
#94a15b
```
#94a15b rgb(148,161,91)
```

Tetradic Color

#483f70
```
#483f70 rgb(72,63,112)
```
#534980
```
#534980 rgb(83,73,128)
```
#5d5291
```
#5d5291 rgb(93,82,145)
```
#685ba1
```
#685ba1 rgb(104,91,161)
```
#766aab
```
#766aab rgb(118,106,171)
```
#857bb4
```
#857bb4 rgb(133,123,180)
```
#948bbd
```
#948bbd rgb(148,139,189)
```

Monochromatic Color

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

#5b60a1
```
#5b60a1 rgb(91,96,161)
```
#5c5ba1
```
#5c5ba1 rgb(92,91,161)
```
#625ba1
```
#625ba1 rgb(98,91,161)
```
#685ba1
```
#685ba1 rgb(104,91,161)
```
#6e5ba1
```
#6e5ba1 rgb(110,91,161)
```
#745ba1
```
#745ba1 rgb(116,91,161)
```
#7a5ba1
```
#7a5ba1 rgb(122,91,161)
```

Similar Colors

Text with hexadecimal color #685ba1

This text has a font color of #685ba1.

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

#685ba1 background color

This paragraph has a background color of #685ba1.

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

#685ba1 border color

This element has a border color of #685ba1.

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

CSS codes

.text {color:#685ba1;}

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

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

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

#07060b
```
#07060b rgb(7,6,11)
```
#0f0d17
```
#0f0d17 rgb(15,13,23)
```
#171424
```
#171424 rgb(23,20,36)
```
#1f1b30
```
#1f1b30 rgb(31,27,48)
```
#27223d
```
#27223d rgb(39,34,61)
```
#2f2949
```
#2f2949 rgb(47,41,73)
```
#373156
```
#373156 rgb(55,49,86)
```
#403862
```
#403862 rgb(64,56,98)
```
#483f6f
```
#483f6f rgb(72,63,111)
```
#50467b
```
#50467b rgb(80,70,123)
```
#584d88
```
#584d88 rgb(88,77,136)
```
#605494
```
#605494 rgb(96,84,148)
```
#685ba1
```
#685ba1 rgb(104,91,161)
```

Shade Color Variation

#7367a9
```
#7367a9 rgb(115,103,169)
```
#7f73b0
```
#7f73b0 rgb(127,115,176)
```
#8a80b7
```
#8a80b7 rgb(138,128,183)
```
#968cbe
```
#968cbe rgb(150,140,190)
```
#a199c5
```
#a199c5 rgb(161,153,197)
```
#ada5cc
```
#ada5cc rgb(173,165,204)
```
#b8b2d3
```
#b8b2d3 rgb(184,178,211)
```
#c4bedb
```
#c4bedb rgb(196,190,219)
```
#cfcbe2
```
#cfcbe2 rgb(207,203,226)
```
#dbd7e9
```
#dbd7e9 rgb(219,215,233)
```
#e6e4f0
```
#e6e4f0 rgb(230,228,240)
```
#f2f1f7
```
#f2f1f7 rgb(242,241,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7884 is the less saturated color, while #3104f8 is the most saturated one.

#7a7884
```
#7a7884 rgb(122,120,132)
```
#746e8e
```
#746e8e rgb(116,110,142)
```
#6e6597
```
#6e6597 rgb(110,101,151)
```
#685ba1
```
#685ba1 rgb(104,91,161)
```
#6251ab
```
#6251ab rgb(98,81,171)
```
#5c48b4
```
#5c48b4 rgb(92,72,180)
```
#563ebe
```
#563ebe rgb(86,62,190)
```
#5034c8
```
#5034c8 rgb(80,52,200)
```
#4a2bd1
```
#4a2bd1 rgb(74,43,209)
```
#4321db
```
#4321db rgb(67,33,219)
```
#3d17e5
```
#3d17e5 rgb(61,23,229)
```
#370def
```
#370def rgb(55,13,239)
```
#3104f8
```
#3104f8 rgb(49,4,248)
```

Tone Color Variation

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

Dichromacy

#506aab Protanopia 1% of men
#4e6ca2 Deuteranopia 1% of men
#636e76 Tritanopia 0.001% of the population

Trichromacy

#5865a7 Protanomaly 1% of men, 0.01% of women
#5766a1 Deuteranomaly 6% of men, 0.4% of women
#646786 Tritanomaly 0.01% of the population

#685ba1 hex color

#685ba1 Color Information

#685ba1 Color Conversion

Color Schemes with #685ba1

Alternatives to #685ba1

#685ba1 Preview

Shades and Tints of #685ba1

Tones of #685ba1

Color Blindness Simulator