#685cbc hex color

In a RGB color space, hex #685cbc is composed of 40.8% red, 36.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 44.7% cyan, 51.1% magenta, 0% yellow and 26.3% black. It has a hue angle of 247.5 degrees, a saturation of 41.7% and a lightness of 54.9%. #685cbc color hex could be obtained by blending #d0b8ff with #000079. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 36
- B 74
RGB color chart
- C 45
- M 51
- Y 0
- K 26
CMYK color chart

● #685cbc color description : Moderate blue.

The hexadecimal color #685cbc has RGB values of R:104, G:92, B:188 and CMYK values of C:0.45, M:0.51, Y:0, K:0.26. Its decimal value is 6839484.

Hex triplet	685cbc	`#685cbc`
RGB Decimal	104, 92, 188	`rgb(104,92,188)`
RGB Percent	40.8, 36.1, 73.7	`rgb(40.8%,36.1%,73.7%)`
CMYK	45, 51, 0, 26
HSL	247.5°, 41.7, 54.9	`hsl(247.5,41.7%,54.9%)`
HSV (or HSB)	247.5°, 51.1, 73.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.558, 29.322, -49.208
XYZ	18.611, 14.228, 49.34
xyY	0.226, 0.173, 14.228
CIE-LCH	44.558, 57.282, 300.79
CIE-LUV	44.558, -1.132, -76.116
Hunter-Lab	37.72, 22.065, -51.151
Binary	01101000, 01011100, 10111100

#685cbc
```
#685cbc rgb(104,92,188)
```
#b0bc5c
```
#b0bc5c rgb(176,188,92)
```

Complementary Color

#5c80bc
```
#5c80bc rgb(92,128,188)
```
#685cbc
```
#685cbc rgb(104,92,188)
```
#985cbc
```
#985cbc rgb(152,92,188)
```

Analogous Color

#80bc5c
```
#80bc5c rgb(128,188,92)
```
#685cbc
```
#685cbc rgb(104,92,188)
```
#bc985c
```
#bc985c rgb(188,152,92)
```

Split Complementary Color

#5cbc68
```
#5cbc68 rgb(92,188,104)
```
#685cbc
```
#685cbc rgb(104,92,188)
```
#bc685c
```
#bc685c rgb(188,104,92)
```

Triadic Color

#5cb0bc
```
#5cb0bc rgb(92,176,188)
```
#685cbc
```
#685cbc rgb(104,92,188)
```
#bc685c
```
#bc685c rgb(188,104,92)
```
#b0bc5c
```
#b0bc5c rgb(176,188,92)
```

Tetradic Color

#463b90
```
#463b90 rgb(70,59,144)
```
#4f43a2
```
#4f43a2 rgb(79,67,162)
```
#574ab4
```
#574ab4 rgb(87,74,180)
```
#685cbc
```
#685cbc rgb(104,92,188)
```
#796ec3
```
#796ec3 rgb(121,110,195)
```
#8980cb
```
#8980cb rgb(137,128,203)
```
#9a92d2
```
#9a92d2 rgb(154,146,210)
```

Monochromatic Color

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

#5c68bc
```
#5c68bc rgb(92,104,188)
```
#5c60bc
```
#5c60bc rgb(92,96,188)
```
#605cbc
```
#605cbc rgb(96,92,188)
```
#685cbc
```
#685cbc rgb(104,92,188)
```
#705cbc
```
#705cbc rgb(112,92,188)
```
#785cbc
```
#785cbc rgb(120,92,188)
```
#805cbc
```
#805cbc rgb(128,92,188)
```

Similar Colors

Text with hexadecimal color #685cbc

This text has a font color of #685cbc.

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

#685cbc background color

This paragraph has a background color of #685cbc.

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

#685cbc border color

This element has a border color of #685cbc.

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

CSS codes

.text {color:#685cbc;}

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

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

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

#020204
```
#020204 rgb(2,2,4)
```
#090712
```
#090712 rgb(9,7,18)
```
#0f0d20
```
#0f0d20 rgb(15,13,32)
```
#16132e
```
#16132e rgb(22,19,46)
```
#1d183b
```
#1d183b rgb(29,24,59)
```
#241e49
```
#241e49 rgb(36,30,73)
```
#2a2457
```
#2a2457 rgb(42,36,87)
```
#312a65
```
#312a65 rgb(49,42,101)
```
#382f73
```
#382f73 rgb(56,47,115)
```
#3e3581
```
#3e3581 rgb(62,53,129)
```
#453b8f
```
#453b8f rgb(69,59,143)
```
#4c409d
```
#4c409d rgb(76,64,157)
```
#5346ab
```
#5346ab rgb(83,70,171)
```

Shade Color Variation

#5b4eb6
```
#5b4eb6 rgb(91,78,182)
```
#685cbc
```
#685cbc rgb(104,92,188)
```
#756ac2
```
#756ac2 rgb(117,106,194)
```
#8278c7
```
#8278c7 rgb(130,120,199)
```
#8f86cd
```
#8f86cd rgb(143,134,205)
```
#9c94d3
```
#9c94d3 rgb(156,148,211)
```
#a8a2d9
```
#a8a2d9 rgb(168,162,217)
```
#b5afde
```
#b5afde rgb(181,175,222)
```
#c2bde4
```
#c2bde4 rgb(194,189,228)
```
#cfcbea
```
#cfcbea rgb(207,203,234)
```
#dcd9ef
```
#dcd9ef rgb(220,217,239)
```
#e9e7f5
```
#e9e7f5 rgb(233,231,245)
```
#f6f5fb
```
#f6f5fb rgb(246,245,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898890 is the less saturated color, while #3a1efa is the most saturated one.

#898890
```
#898890 rgb(137,136,144)
```
#837f99
```
#837f99 rgb(131,127,153)
```
#7c77a1
```
#7c77a1 rgb(124,119,161)
```
#756eaa
```
#756eaa rgb(117,110,170)
```
#6f65b3
```
#6f65b3 rgb(111,101,179)
```
#685cbc
```
#685cbc rgb(104,92,188)
```
#6153c5
```
#6153c5 rgb(97,83,197)
```
#5b4ace
```
#5b4ace rgb(91,74,206)
```
#5441d7
```
#5441d7 rgb(84,65,215)
```
#4d39df
```
#4d39df rgb(77,57,223)
```
#4730e8
```
#4730e8 rgb(71,48,232)
```
#4027f1
```
#4027f1 rgb(64,39,241)
```
#3a1efa
```
#3a1efa rgb(58,30,250)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#6a687b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3b6ec7 Protanopia 1% of men
#2f72b9 Deuteranopia 1% of men
#5a757e Tritanopia 0.001% of the population

Trichromacy

#4b67c3 Protanomaly 1% of men, 0.01% of women
#446aba Deuteranomaly 6% of men, 0.4% of women
#5f6c94 Tritanomaly 0.01% of the population

#685cbc hex color

#685cbc Color Information

#685cbc Color Conversion

Color Schemes with #685cbc

Alternatives to #685cbc

#685cbc Preview

Shades and Tints of #685cbc

Tones of #685cbc

Color Blindness Simulator