#685ab2 hex color

In a RGB color space, hex #685ab2 is composed of 40.8% red, 35.3% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 41.6% cyan, 49.4% magenta, 0% yellow and 30.2% black. It has a hue angle of 249.5 degrees, a saturation of 36.4% and a lightness of 52.5%. #685ab2 color hex could be obtained by blending #d0b4ff with #000065. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 35
- B 70
RGB color chart
- C 42
- M 49
- Y 0
- K 30
CMYK color chart

● #685ab2 color description : Dark moderate blue.

The hexadecimal color #685ab2 has RGB values of R:104, G:90, B:178 and CMYK values of C:0.42, M:0.49, Y:0, K:0.3. Its decimal value is 6838962.

Hex triplet	685ab2	`#685ab2`
RGB Decimal	104, 90, 178	`rgb(104,90,178)`
RGB Percent	40.8, 35.3, 69.8	`rgb(40.8%,35.3%,69.8%)`
CMYK	42, 49, 0, 30
HSL	249.5°, 36.4, 52.5	`hsl(249.5,36.4%,52.5%)`
HSV (or HSB)	249.5°, 49.4, 69.8
Web Safe	666699	`#666699`

CIE-LAB	43.462, 27.6, -45.118
XYZ	17.399, 13.469, 43.8
xyY	0.233, 0.18, 13.469
CIE-LCH	43.462, 52.89, 301.455
CIE-LUV	43.462, 0.302, -69.389
Hunter-Lab	36.701, 20.399, -45.069
Binary	01101000, 01011010, 10110010

#685ab2
```
#685ab2 rgb(104,90,178)
```
#a4b25a
```
#a4b25a rgb(164,178,90)
```

Complementary Color

#5a78b2
```
#5a78b2 rgb(90,120,178)
```
#685ab2
```
#685ab2 rgb(104,90,178)
```
#945ab2
```
#945ab2 rgb(148,90,178)
```

Analogous Color

#78b25a
```
#78b25a rgb(120,178,90)
```
#685ab2
```
#685ab2 rgb(104,90,178)
```
#b2945a
```
#b2945a rgb(178,148,90)
```

Split Complementary Color

#5ab268
```
#5ab268 rgb(90,178,104)
```
#685ab2
```
#685ab2 rgb(104,90,178)
```
#b2685a
```
#b2685a rgb(178,104,90)
```

Triadic Color

#5aa4b2
```
#5aa4b2 rgb(90,164,178)
```
#685ab2
```
#685ab2 rgb(104,90,178)
```
#b2685a
```
#b2685a rgb(178,104,90)
```
#a4b25a
```
#a4b25a rgb(164,178,90)
```

Tetradic Color

#483d83
```
#483d83 rgb(72,61,131)
```
#524594
```
#524594 rgb(82,69,148)
```
#5b4da5
```
#5b4da5 rgb(91,77,165)
```
#685ab2
```
#685ab2 rgb(104,90,178)
```
#786bba
```
#786bba rgb(120,107,186)
```
#887dc2
```
#887dc2 rgb(136,125,194)
```
#988eca
```
#988eca rgb(152,142,202)
```

Monochromatic Color

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

#5a62b2
```
#5a62b2 rgb(90,98,178)
```
#5a5bb2
```
#5a5bb2 rgb(90,91,178)
```
#615ab2
```
#615ab2 rgb(97,90,178)
```
#685ab2
```
#685ab2 rgb(104,90,178)
```
#6f5ab2
```
#6f5ab2 rgb(111,90,178)
```
#775ab2
```
#775ab2 rgb(119,90,178)
```
#7e5ab2
```
#7e5ab2 rgb(126,90,178)
```

Similar Colors

Text with hexadecimal color #685ab2

This text has a font color of #685ab2.

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

#685ab2 background color

This paragraph has a background color of #685ab2.

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

#685ab2 border color

This element has a border color of #685ab2.

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

CSS codes

.text {color:#685ab2;}

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

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

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

#050409
```
#050409 rgb(5,4,9)
```
#0c0a16
```
#0c0a16 rgb(12,10,22)
```
#141124
```
#141124 rgb(20,17,36)
```
#1b1731
```
#1b1731 rgb(27,23,49)
```
#221d3e
```
#221d3e rgb(34,29,62)
```
#2a234c
```
#2a234c rgb(42,35,76)
```
#312a59
```
#312a59 rgb(49,42,89)
```
#393066
```
#393066 rgb(57,48,102)
```
#403674
```
#403674 rgb(64,54,116)
```
#473c81
```
#473c81 rgb(71,60,129)
```
#4f438f
```
#4f438f rgb(79,67,143)
```
#56499c
```
#56499c rgb(86,73,156)
```
#5d4fa9
```
#5d4fa9 rgb(93,79,169)
```

Shade Color Variation

#685ab2
```
#685ab2 rgb(104,90,178)
```
#7467b8
```
#7467b8 rgb(116,103,184)
```
#8075be
```
#8075be rgb(128,117,190)
```
#8d82c5
```
#8d82c5 rgb(141,130,197)
```
#998fcb
```
#998fcb rgb(153,143,203)
```
#a59dd1
```
#a59dd1 rgb(165,157,209)
```
#b1aad7
```
#b1aad7 rgb(177,170,215)
```
#beb8de
```
#beb8de rgb(190,184,222)
```
#cac5e4
```
#cac5e4 rgb(202,197,228)
```
#d6d2ea
```
#d6d2ea rgb(214,210,234)
```
#e2e0f0
```
#e2e0f0 rgb(226,224,240)
```
#efedf7
```
#efedf7 rgb(239,237,247)
```
#fbfafd
```
#fbfafd rgb(251,250,253)
```

Tint Color Variation

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

#817f8d
```
#817f8d rgb(129,127,141)
```
#7b7696
```
#7b7696 rgb(123,118,150)
```
#756d9f
```
#756d9f rgb(117,109,159)
```
#6e63a9
```
#6e63a9 rgb(110,99,169)
```
#685ab2
```
#685ab2 rgb(104,90,178)
```
#6251bb
```
#6251bb rgb(98,81,187)
```
#5b47c5
```
#5b47c5 rgb(91,71,197)
```
#553ece
```
#553ece rgb(85,62,206)
```
#4f35d7
```
#4f35d7 rgb(79,53,215)
```
#482be1
```
#482be1 rgb(72,43,225)
```
#4222ea
```
#4222ea rgb(66,34,234)
```
#3c19f3
```
#3c19f3 rgb(60,25,243)
```
#3510fc
```
#3510fc rgb(53,16,252)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#686577 Atypical Achromatopsia 0.001% of the population

Dichromacy

#416bbd Protanopia 1% of men
#3b6fb1 Deuteranopia 1% of men
#5d717a Tritanopia 0.001% of the population

Trichromacy

#4f65b9 Protanomaly 1% of men, 0.01% of women
#4b67b1 Deuteranomaly 6% of men, 0.4% of women
#61698e Tritanomaly 0.01% of the population

#685ab2 hex color

#685ab2 Color Information

#685ab2 Color Conversion

Color Schemes with #685ab2

Alternatives to #685ab2

#685ab2 Preview

Shades and Tints of #685ab2

Tones of #685ab2

Color Blindness Simulator