#685bb2 hex color

In a RGB color space, hex #685bb2 is composed of 40.8% red, 35.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 41.6% cyan, 48.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 249 degrees, a saturation of 36.1% and a lightness of 52.7%. #685bb2 color hex could be obtained by blending #d0b6ff with #000065. Closest websafe color is: #666699.

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

● #685bb2 color description : Dark moderate blue.

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

Hex triplet	685bb2	`#685bb2`
RGB Decimal	104, 91, 178	`rgb(104,91,178)`
RGB Percent	40.8, 35.7, 69.8	`rgb(40.8%,35.7%,69.8%)`
CMYK	42, 49, 0, 30
HSL	249°, 36.1, 52.7	`hsl(249,36.1%,52.7%)`
HSV (or HSB)	249°, 48.9, 69.8
Web Safe	666699	`#666699`

CIE-LAB	43.711, 26.988, -44.721
XYZ	17.484, 13.639, 43.828
xyY	0.233, 0.182, 13.639
CIE-LCH	43.711, 52.233, 301.11
CIE-LUV	43.711, -0.017, -68.839
Hunter-Lab	36.931, 19.877, -44.511
Binary	01101000, 01011011, 10110010

#685bb2
```
#685bb2 rgb(104,91,178)
```
#a5b25b
```
#a5b25b rgb(165,178,91)
```

Complementary Color

#5b7ab2
```
#5b7ab2 rgb(91,122,178)
```
#685bb2
```
#685bb2 rgb(104,91,178)
```
#945bb2
```
#945bb2 rgb(148,91,178)
```

Analogous Color

#7ab25b
```
#7ab25b rgb(122,178,91)
```
#685bb2
```
#685bb2 rgb(104,91,178)
```
#b2945b
```
#b2945b rgb(178,148,91)
```

Split Complementary Color

#5bb268
```
#5bb268 rgb(91,178,104)
```
#685bb2
```
#685bb2 rgb(104,91,178)
```
#b2685b
```
#b2685b rgb(178,104,91)
```

Triadic Color

#5ba5b2
```
#5ba5b2 rgb(91,165,178)
```
#685bb2
```
#685bb2 rgb(104,91,178)
```
#b2685b
```
#b2685b rgb(178,104,91)
```
#a5b25b
```
#a5b25b rgb(165,178,91)
```

Tetradic Color

#483e83
```
#483e83 rgb(72,62,131)
```
#514694
```
#514694 rgb(81,70,148)
```
#5b4ea6
```
#5b4ea6 rgb(91,78,166)
```
#685bb2
```
#685bb2 rgb(104,91,178)
```
#786cba
```
#786cba rgb(120,108,186)
```
#887ec2
```
#887ec2 rgb(136,126,194)
```
#988fca
```
#988fca rgb(152,143,202)
```

Monochromatic Color

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

#5b64b2
```
#5b64b2 rgb(91,100,178)
```
#5b5db2
```
#5b5db2 rgb(91,93,178)
```
#615bb2
```
#615bb2 rgb(97,91,178)
```
#685bb2
```
#685bb2 rgb(104,91,178)
```
#6f5bb2
```
#6f5bb2 rgb(111,91,178)
```
#775bb2
```
#775bb2 rgb(119,91,178)
```
#7e5bb2
```
#7e5bb2 rgb(126,91,178)
```

Similar Colors

Text with hexadecimal color #685bb2

This text has a font color of #685bb2.

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

#685bb2 background color

This paragraph has a background color of #685bb2.

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

#685bb2 border color

This element has a border color of #685bb2.

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

CSS codes

.text {color:#685bb2;}

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

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

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)
```
#231e3f
```
#231e3f rgb(35,30,63)
```
#2a244c
```
#2a244c rgb(42,36,76)
```
#312a5a
```
#312a5a rgb(49,42,90)
```
#393067
```
#393067 rgb(57,48,103)
```
#403774
```
#403774 rgb(64,55,116)
```
#473d82
```
#473d82 rgb(71,61,130)
```
#4e438f
```
#4e438f rgb(78,67,143)
```
#56499c
```
#56499c rgb(86,73,156)
```
#5d50aa
```
#5d50aa rgb(93,80,170)
```

Shade Color Variation

#685bb2
```
#685bb2 rgb(104,91,178)
```
#7468b8
```
#7468b8 rgb(116,104,184)
```
#8176bf
```
#8176bf rgb(129,118,191)
```
#8d83c5
```
#8d83c5 rgb(141,131,197)
```
#9990cb
```
#9990cb rgb(153,144,203)
```
#a59ed1
```
#a59ed1 rgb(165,158,209)
```
#b2abd8
```
#b2abd8 rgb(178,171,216)
```
#beb8de
```
#beb8de rgb(190,184,222)
```
#cac6e4
```
#cac6e4 rgb(202,198,228)
```
#d7d3ea
```
#d7d3ea rgb(215,211,234)
```
#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, #82808d is the less saturated color, while #3411fc is the most saturated one.

#82808d
```
#82808d rgb(130,128,141)
```
#7b7796
```
#7b7796 rgb(123,119,150)
```
#756e9f
```
#756e9f rgb(117,110,159)
```
#6e64a9
```
#6e64a9 rgb(110,100,169)
```
#685bb2
```
#685bb2 rgb(104,91,178)
```
#6252bb
```
#6252bb rgb(98,82,187)
```
#5b48c5
```
#5b48c5 rgb(91,72,197)
```
#553fce
```
#553fce rgb(85,63,206)
```
#4e36d7
```
#4e36d7 rgb(78,54,215)
```
#482de0
```
#482de0 rgb(72,45,224)
```
#4123ea
```
#4123ea rgb(65,35,234)
```
#3b1af3
```
#3b1af3 rgb(59,26,243)
```
#3411fc
```
#3411fc rgb(52,17,252)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#696678 Atypical Achromatopsia 0.001% of the population

Dichromacy

#436cbd Protanopia 1% of men
#3d70b1 Deuteranopia 1% of men
#5d727a Tritanopia 0.001% of the population

Trichromacy

#5166b9 Protanomaly 1% of men, 0.01% of women
#4c68b1 Deuteranomaly 6% of men, 0.4% of women
#61698e Tritanomaly 0.01% of the population

#685bb2 hex color

#685bb2 Color Information

#685bb2 Color Conversion

Color Schemes with #685bb2

Alternatives to #685bb2

#685bb2 Preview

Shades and Tints of #685bb2

Tones of #685bb2

Color Blindness Simulator