#685bd8 hex color

In a RGB color space, hex #685bd8 is composed of 40.8% red, 35.7% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 57.9% magenta, 0% yellow and 15.3% black. It has a hue angle of 246.2 degrees, a saturation of 61.6% and a lightness of 60.2%. #685bd8 color hex could be obtained by blending #d0b6ff with #0000b1. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 36
- B 85
RGB color chart
- C 52
- M 58
- Y 0
- K 15
CMYK color chart

● #685bd8 color description : Moderate blue.

The hexadecimal color #685bd8 has RGB values of R:104, G:91, B:216 and CMYK values of C:0.52, M:0.58, Y:0, K:0.15. Its decimal value is 6839256.

Hex triplet	685bd8	`#685bd8`
RGB Decimal	104, 91, 216	`rgb(104,91,216)`
RGB Percent	40.8, 35.7, 84.7	`rgb(40.8%,35.7%,84.7%)`
CMYK	52, 58, 0, 15
HSL	246.2°, 61.6, 60.2	`hsl(246.2,61.6%,60.2%)`
HSV (or HSB)	246.2°, 57.9, 84.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.154, 38.356, -62.764
XYZ	21.842, 15.382, 66.78
xyY	0.21, 0.148, 15.382
CIE-LCH	46.154, 73.557, 301.43
CIE-LUV	46.154, -2.962, -97.602
Hunter-Lab	39.22, 30.773, -73.498
Binary	01101000, 01011011, 11011000

#685bd8
```
#685bd8 rgb(104,91,216)
```
#cbd85b
```
#cbd85b rgb(203,216,91)
```

Complementary Color

#5b8dd8
```
#5b8dd8 rgb(91,141,216)
```
#685bd8
```
#685bd8 rgb(104,91,216)
```
#a75bd8
```
#a75bd8 rgb(167,91,216)
```

Analogous Color

#8dd85b
```
#8dd85b rgb(141,216,91)
```
#685bd8
```
#685bd8 rgb(104,91,216)
```
#d8a75b
```
#d8a75b rgb(216,167,91)
```

Split Complementary Color

#5bd868
```
#5bd868 rgb(91,216,104)
```
#685bd8
```
#685bd8 rgb(104,91,216)
```
#d8685b
```
#d8685b rgb(216,104,91)
```

Triadic Color

#5bcbd8
```
#5bcbd8 rgb(91,203,216)
```
#685bd8
```
#685bd8 rgb(104,91,216)
```
#d8685b
```
#d8685b rgb(216,104,91)
```
#cbd85b
```
#cbd85b rgb(203,216,91)
```

Tetradic Color

#3b2cba
```
#3b2cba rgb(59,44,186)
```
#4232ce
```
#4232ce rgb(66,50,206)
```
#5546d3
```
#5546d3 rgb(85,70,211)
```
#685bd8
```
#685bd8 rgb(104,91,216)
```
#7b70dd
```
#7b70dd rgb(123,112,221)
```
#8e84e2
```
#8e84e2 rgb(142,132,226)
```
#a199e7
```
#a199e7 rgb(161,153,231)
```

Monochromatic Color

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

#5b6dd8
```
#5b6dd8 rgb(91,109,216)
```
#5b63d8
```
#5b63d8 rgb(91,99,216)
```
#5e5bd8
```
#5e5bd8 rgb(94,91,216)
```
#685bd8
```
#685bd8 rgb(104,91,216)
```
#725bd8
```
#725bd8 rgb(114,91,216)
```
#7d5bd8
```
#7d5bd8 rgb(125,91,216)
```
#875bd8
```
#875bd8 rgb(135,91,216)
```

Similar Colors

Text with hexadecimal color #685bd8

This text has a font color of #685bd8.

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

#685bd8 background color

This paragraph has a background color of #685bd8.

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

#685bd8 border color

This element has a border color of #685bd8.

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

CSS codes

.text {color:#685bd8;}

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

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

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

#03020a
```
#03020a rgb(3,2,10)
```
#08061a
```
#08061a rgb(8,6,26)
```
#0d0a2a
```
#0d0a2a rgb(13,10,42)
```
#120e3a
```
#120e3a rgb(18,14,58)
```
#17124a
```
#17124a rgb(23,18,74)
```
#1c155a
```
#1c155a rgb(28,21,90)
```
#211969
```
#211969 rgb(33,25,105)
```
#261d79
```
#261d79 rgb(38,29,121)
```
#2b2189
```
#2b2189 rgb(43,33,137)
```
#302499
```
#302499 rgb(48,36,153)
```
#3628a9
```
#3628a9 rgb(54,40,169)
```
#3b2cb9
```
#3b2cb9 rgb(59,44,185)
```
#4030c8
```
#4030c8 rgb(64,48,200)
```

Shade Color Variation

#4b3bd0
```
#4b3bd0 rgb(75,59,208)
```
#594bd4
```
#594bd4 rgb(89,75,212)
```
#685bd8
```
#685bd8 rgb(104,91,216)
```
#776bdc
```
#776bdc rgb(119,107,220)
```
#857be0
```
#857be0 rgb(133,123,224)
```
#948be3
```
#948be3 rgb(148,139,227)
```
#a29ae7
```
#a29ae7 rgb(162,154,231)
```
#b1aaeb
```
#b1aaeb rgb(177,170,235)
```
#c0baef
```
#c0baef rgb(192,186,239)
```
#cecaf2
```
#cecaf2 rgb(206,202,242)
```
#dddaf6
```
#dddaf6 rgb(221,218,246)
```
#ebeafa
```
#ebeafa rgb(235,234,250)
```
#faf9fe
```
#faf9fe rgb(250,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #99999a is the less saturated color, while #4f3cf7 is the most saturated one.

#99999a
```
#99999a rgb(153,153,154)
```
#9392a1
```
#9392a1 rgb(147,146,161)
```
#8d8aa9
```
#8d8aa9 rgb(141,138,169)
```
#8782b1
```
#8782b1 rgb(135,130,177)
```
#817ab9
```
#817ab9 rgb(129,122,185)
```
#7b72c1
```
#7b72c1 rgb(123,114,193)
```
#746bc8
```
#746bc8 rgb(116,107,200)
```
#6e63d0
```
#6e63d0 rgb(110,99,208)
```
#685bd8
```
#685bd8 rgb(104,91,216)
```
#6253e0
```
#6253e0 rgb(98,83,224)
```
#5c4be8
```
#5c4be8 rgb(92,75,232)
```
#5544ef
```
#5544ef rgb(85,68,239)
```
#4f3cf7
```
#4f3cf7 rgb(79,60,247)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#6c6982 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071de Protanopia 1% of men
#0077c4 Deuteranopia 1% of men
#4b7c85 Tritanopia 0.001% of the population

Trichromacy

#2569db Protanomaly 1% of men, 0.01% of women
#256ccb Deuteranomaly 6% of men, 0.4% of women
#5670a3 Tritanomaly 0.01% of the population

#685bd8 hex color

#685bd8 Color Information

#685bd8 Color Conversion

Color Schemes with #685bd8

Alternatives to #685bd8

#685bd8 Preview

Shades and Tints of #685bd8

Tones of #685bd8

Color Blindness Simulator