#685bb6 hex color

In a RGB color space, hex #685bb6 is composed of 40.8% red, 35.7% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 42.9% cyan, 50% magenta, 0% yellow and 28.6% black. It has a hue angle of 248.6 degrees, a saturation of 38.4% and a lightness of 53.5%. #685bb6 color hex could be obtained by blending #d0b6ff with #00006d. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 36
- B 71
RGB color chart
- C 43
- M 50
- Y 0
- K 29
CMYK color chart

● #685bb6 color description : Moderate blue.

The hexadecimal color #685bb6 has RGB values of R:104, G:91, B:182 and CMYK values of C:0.43, M:0.5, Y:0, K:0.29. Its decimal value is 6839222.

Hex triplet	685bb6	`#685bb6`
RGB Decimal	104, 91, 182	`rgb(104,91,182)`
RGB Percent	40.8, 35.7, 71.4	`rgb(40.8%,35.7%,71.4%)`
CMYK	43, 50, 0, 29
HSL	248.6°, 38.4, 53.5	`hsl(248.6,38.4%,53.5%)`
HSV (or HSB)	248.6°, 50, 71.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.948, 28.159, -46.685
XYZ	17.892, 13.802, 45.975
xyY	0.23, 0.178, 13.802
CIE-LCH	43.948, 54.52, 301.098
CIE-LUV	43.948, -0.344, -71.981
Hunter-Lab	37.151, 20.95, -47.365
Binary	01101000, 01011011, 10110110

#685bb6
```
#685bb6 rgb(104,91,182)
```
#a9b65b
```
#a9b65b rgb(169,182,91)
```

Complementary Color

#5b7cb6
```
#5b7cb6 rgb(91,124,182)
```
#685bb6
```
#685bb6 rgb(104,91,182)
```
#965bb6
```
#965bb6 rgb(150,91,182)
```

Analogous Color

#7cb65b
```
#7cb65b rgb(124,182,91)
```
#685bb6
```
#685bb6 rgb(104,91,182)
```
#b6965b
```
#b6965b rgb(182,150,91)
```

Split Complementary Color

#5bb668
```
#5bb668 rgb(91,182,104)
```
#685bb6
```
#685bb6 rgb(104,91,182)
```
#b6685b
```
#b6685b rgb(182,104,91)
```

Triadic Color

#5ba9b6
```
#5ba9b6 rgb(91,169,182)
```
#685bb6
```
#685bb6 rgb(104,91,182)
```
#b6685b
```
#b6685b rgb(182,104,91)
```
#a9b65b
```
#a9b65b rgb(169,182,91)
```

Tetradic Color

#473d88
```
#473d88 rgb(71,61,136)
```
#51449a
```
#51449a rgb(81,68,154)
```
#5a4cab
```
#5a4cab rgb(90,76,171)
```
#685bb6
```
#685bb6 rgb(104,91,182)
```
#786dbe
```
#786dbe rgb(120,109,190)
```
#887ec6
```
#887ec6 rgb(136,126,198)
```
#9990ce
```
#9990ce rgb(153,144,206)
```

Monochromatic Color

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

#5b65b6
```
#5b65b6 rgb(91,101,182)
```
#5b5db6
```
#5b5db6 rgb(91,93,182)
```
#605bb6
```
#605bb6 rgb(96,91,182)
```
#685bb6
```
#685bb6 rgb(104,91,182)
```
#705bb6
```
#705bb6 rgb(112,91,182)
```
#775bb6
```
#775bb6 rgb(119,91,182)
```
#7f5bb6
```
#7f5bb6 rgb(127,91,182)
```

Similar Colors

Text with hexadecimal color #685bb6

This text has a font color of #685bb6.

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

#685bb6 background color

This paragraph has a background color of #685bb6.

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

#685bb6 border color

This element has a border color of #685bb6.

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

CSS codes

.text {color:#685bb6;}

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

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

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

#07060c
```
#07060c rgb(7,6,12)
```
#0e0c1a
```
#0e0c1a rgb(14,12,26)
```
#151228
```
#151228 rgb(21,18,40)
```
#1c1835
```
#1c1835 rgb(28,24,53)
```
#231e43
```
#231e43 rgb(35,30,67)
```
#2a2450
```
#2a2450 rgb(42,36,80)
```
#312a5e
```
#312a5e rgb(49,42,94)
```
#38306b
```
#38306b rgb(56,48,107)
```
#3f3679
```
#3f3679 rgb(63,54,121)
```
#473c87
```
#473c87 rgb(71,60,135)
```
#4e4294
```
#4e4294 rgb(78,66,148)
```
#5548a2
```
#5548a2 rgb(85,72,162)
```
#5c4eaf
```
#5c4eaf rgb(92,78,175)
```

Shade Color Variation

#685bb6
```
#685bb6 rgb(104,91,182)
```
#7469bc
```
#7469bc rgb(116,105,188)
```
#8176c2
```
#8176c2 rgb(129,118,194)
```
#8d84c8
```
#8d84c8 rgb(141,132,200)
```
#9a91ce
```
#9a91ce rgb(154,145,206)
```
#a69fd4
```
#a69fd4 rgb(166,159,212)
```
#b3acda
```
#b3acda rgb(179,172,218)
```
#bfbae0
```
#bfbae0 rgb(191,186,224)
```
#ccc8e6
```
#ccc8e6 rgb(204,200,230)
```
#d8d5ec
```
#d8d5ec rgb(216,213,236)
```
#e5e3f2
```
#e5e3f2 rgb(229,227,242)
```
#f1f0f8
```
#f1f0f8 rgb(241,240,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #827f92 is the less saturated color, while #3412ff is the most saturated one.

#827f92
```
#827f92 rgb(130,127,146)
```
#7c769b
```
#7c769b rgb(124,118,155)
```
#756da4
```
#756da4 rgb(117,109,164)
```
#6f64ad
```
#6f64ad rgb(111,100,173)
```
#685bb6
```
#685bb6 rgb(104,91,182)
```
#6152bf
```
#6152bf rgb(97,82,191)
```
#5b49c8
```
#5b49c8 rgb(91,73,200)
```
#5440d1
```
#5440d1 rgb(84,64,209)
```
#4e37da
```
#4e37da rgb(78,55,218)
```
#472de4
```
#472de4 rgb(71,45,228)
```
#4124ed
```
#4124ed rgb(65,36,237)
```
#3a1bf6
```
#3a1bf6 rgb(58,27,246)
```
#3412ff
```
#3412ff rgb(52,18,255)
```

Tone Color Variation

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

#406cc1 Protanopia 1% of men
#3770b4 Deuteranopia 1% of men
#5c737b Tritanopia 0.001% of the population

Trichromacy

#4e66bd Protanomaly 1% of men, 0.01% of women
#4968b5 Deuteranomaly 6% of men, 0.4% of women
#606a90 Tritanomaly 0.01% of the population

#685bb6 hex color

#685bb6 Color Information

#685bb6 Color Conversion

Color Schemes with #685bb6

Alternatives to #685bb6

#685bb6 Preview

Shades and Tints of #685bb6

Tones of #685bb6

Color Blindness Simulator