#685ab3 hex color

In a RGB color space, hex #685ab3 is composed of 40.8% red, 35.3% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 41.9% cyan, 49.7% magenta, 0% yellow and 29.8% black. It has a hue angle of 249.4 degrees, a saturation of 36.9% and a lightness of 52.7%. #685ab3 color hex could be obtained by blending #d0b4ff with #000067. Closest websafe color is: #6666cc.

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

● #685ab3 color description : Slightly desaturated blue.

The hexadecimal color #685ab3 has RGB values of R:104, G:90, B:179 and CMYK values of C:0.42, M:0.5, Y:0, K:0.3. Its decimal value is 6838963.

Hex triplet	685ab3	`#685ab3`
RGB Decimal	104, 90, 179	`rgb(104,90,179)`
RGB Percent	40.8, 35.3, 70.2	`rgb(40.8%,35.3%,70.2%)`
CMYK	42, 50, 0, 30
HSL	249.4°, 36.9, 52.7	`hsl(249.4,36.9%,52.7%)`
HSV (or HSB)	249.4°, 49.7, 70.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.521, 27.891, -45.61
XYZ	17.5, 13.51, 44.331
xyY	0.232, 0.179, 13.51
CIE-LCH	43.521, 53.462, 301.447
CIE-LUV	43.521, 0.218, -70.174
Hunter-Lab	36.756, 20.666, -45.781
Binary	01101000, 01011010, 10110011

#685ab3
```
#685ab3 rgb(104,90,179)
```
#a5b35a
```
#a5b35a rgb(165,179,90)
```

Complementary Color

#5a79b3
```
#5a79b3 rgb(90,121,179)
```
#685ab3
```
#685ab3 rgb(104,90,179)
```
#955ab3
```
#955ab3 rgb(149,90,179)
```

Analogous Color

#79b35a
```
#79b35a rgb(121,179,90)
```
#685ab3
```
#685ab3 rgb(104,90,179)
```
#b3955a
```
#b3955a rgb(179,149,90)
```

Split Complementary Color

#5ab368
```
#5ab368 rgb(90,179,104)
```
#685ab3
```
#685ab3 rgb(104,90,179)
```
#b3685a
```
#b3685a rgb(179,104,90)
```

Triadic Color

#5aa5b3
```
#5aa5b3 rgb(90,165,179)
```
#685ab3
```
#685ab3 rgb(104,90,179)
```
#b3685a
```
#b3685a rgb(179,104,90)
```
#a5b35a
```
#a5b35a rgb(165,179,90)
```

Tetradic Color

#483d84
```
#483d84 rgb(72,61,132)
```
#514595
```
#514595 rgb(81,69,149)
```
#5b4da7
```
#5b4da7 rgb(91,77,167)
```
#685ab3
```
#685ab3 rgb(104,90,179)
```
#786bbb
```
#786bbb rgb(120,107,187)
```
#887dc3
```
#887dc3 rgb(136,125,195)
```
#988ecb
```
#988ecb rgb(152,142,203)
```

Monochromatic Color

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

#5a62b3
```
#5a62b3 rgb(90,98,179)
```
#5a5bb3
```
#5a5bb3 rgb(90,91,179)
```
#615ab3
```
#615ab3 rgb(97,90,179)
```
#685ab3
```
#685ab3 rgb(104,90,179)
```
#6f5ab3
```
#6f5ab3 rgb(111,90,179)
```
#775ab3
```
#775ab3 rgb(119,90,179)
```
#7e5ab3
```
#7e5ab3 rgb(126,90,179)
```

Similar Colors

Text with hexadecimal color #685ab3

This text has a font color of #685ab3.

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

#685ab3 background color

This paragraph has a background color of #685ab3.

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

#685ab3 border color

This element has a border color of #685ab3.

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

CSS codes

.text {color:#685ab3;}

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

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

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

#05040a
```
#05040a rgb(5,4,10)
```
#0d0b17
```
#0d0b17 rgb(13,11,23)
```
#141124
```
#141124 rgb(20,17,36)
```
#1b1732
```
#1b1732 rgb(27,23,50)
```
#231d3f
```
#231d3f rgb(35,29,63)
```
#2a234d
```
#2a234d rgb(42,35,77)
```
#312a5a
```
#312a5a rgb(49,42,90)
```
#393068
```
#393068 rgb(57,48,104)
```
#403675
```
#403675 rgb(64,54,117)
```
#473c82
```
#473c82 rgb(71,60,130)
```
#4e4290
```
#4e4290 rgb(78,66,144)
```
#56489d
```
#56489d rgb(86,72,157)
```
#5d4fab
```
#5d4fab rgb(93,79,171)
```

Shade Color Variation

#685ab3
```
#685ab3 rgb(104,90,179)
```
#7467b9
```
#7467b9 rgb(116,103,185)
```
#8175bf
```
#8175bf rgb(129,117,191)
```
#8d82c6
```
#8d82c6 rgb(141,130,198)
```
#9990cc
```
#9990cc rgb(153,144,204)
```
#a59dd2
```
#a59dd2 rgb(165,157,210)
```
#b2abd8
```
#b2abd8 rgb(178,171,216)
```
#beb8de
```
#beb8de rgb(190,184,222)
```
#cac5e4
```
#cac5e4 rgb(202,197,228)
```
#d7d3eb
```
#d7d3eb rgb(215,211,235)
```
#e3e0f1
```
#e3e0f1 rgb(227,224,241)
```
#efeef7
```
#efeef7 rgb(239,238,247)
```
#fbfbfd
```
#fbfbfd rgb(251,251,253)
```

Tint Color Variation

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

#817f8e
```
#817f8e rgb(129,127,142)
```
#7b7697
```
#7b7697 rgb(123,118,151)
```
#756da0
```
#756da0 rgb(117,109,160)
```
#6e63aa
```
#6e63aa rgb(110,99,170)
```
#685ab3
```
#685ab3 rgb(104,90,179)
```
#6251bc
```
#6251bc rgb(98,81,188)
```
#5b47c6
```
#5b47c6 rgb(91,71,198)
```
#553ecf
```
#553ecf rgb(85,62,207)
```
#4f35d8
```
#4f35d8 rgb(79,53,216)
```
#482ce1
```
#482ce1 rgb(72,44,225)
```
#4222eb
```
#4222eb rgb(66,34,235)
```
#3c19f4
```
#3c19f4 rgb(60,25,244)
```
#3510fd
```
#3510fd rgb(53,16,253)
```

Tone Color Variation

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

#406cbe Protanopia 1% of men
#3a6fb1 Deuteranopia 1% of men
#5d727a Tritanopia 0.001% of the population

Trichromacy

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

#685ab3 hex color

#685ab3 Color Information

#685ab3 Color Conversion

Color Schemes with #685ab3

Alternatives to #685ab3

#685ab3 Preview

Shades and Tints of #685ab3

Tones of #685ab3

Color Blindness Simulator