#685cc8 hex color

In a RGB color space, hex #685cc8 is composed of 40.8% red, 36.1% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 48% cyan, 54% magenta, 0% yellow and 21.6% black. It has a hue angle of 246.7 degrees, a saturation of 49.5% and a lightness of 57.3%. #685cc8 color hex could be obtained by blending #d0b8ff with #000091. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 36
- B 78
RGB color chart
- C 48
- M 54
- Y 0
- K 22
CMYK color chart

● #685cc8 color description : Moderate blue.

The hexadecimal color #685cc8 has RGB values of R:104, G:92, B:200 and CMYK values of C:0.48, M:0.54, Y:0, K:0.22. Its decimal value is 6839496.

Hex triplet	685cc8	`#685cc8`
RGB Decimal	104, 92, 200	`rgb(104,92,200)`
RGB Percent	40.8, 36.1, 78.4	`rgb(40.8%,36.1%,78.4%)`
CMYK	48, 54, 0, 22
HSL	246.7°, 49.5, 57.3	`hsl(246.7,49.5%,57.3%)`
HSV (or HSB)	246.7°, 54, 78.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.313, 32.912, -54.946
XYZ	19.959, 14.767, 56.439
xyY	0.219, 0.162, 14.767
CIE-LCH	45.313, 64.049, 300.921
CIE-LUV	45.313, -2.052, -85.298
Hunter-Lab	38.428, 25.464, -60.18
Binary	01101000, 01011100, 11001000

#685cc8
```
#685cc8 rgb(104,92,200)
```
#bcc85c
```
#bcc85c rgb(188,200,92)
```

Complementary Color

#5c86c8
```
#5c86c8 rgb(92,134,200)
```
#685cc8
```
#685cc8 rgb(104,92,200)
```
#9e5cc8
```
#9e5cc8 rgb(158,92,200)
```

Analogous Color

#86c85c
```
#86c85c rgb(134,200,92)
```
#685cc8
```
#685cc8 rgb(104,92,200)
```
#c89e5c
```
#c89e5c rgb(200,158,92)
```

Split Complementary Color

#5cc868
```
#5cc868 rgb(92,200,104)
```
#685cc8
```
#685cc8 rgb(104,92,200)
```
#c8685c
```
#c8685c rgb(200,104,92)
```

Triadic Color

#5cbcc8
```
#5cbcc8 rgb(92,188,200)
```
#685cc8
```
#685cc8 rgb(104,92,200)
```
#c8685c
```
#c8685c rgb(200,104,92)
```
#bcc85c
```
#bcc85c rgb(188,200,92)
```

Tetradic Color

#4236a1
```
#4236a1 rgb(66,54,161)
```
#4a3db4
```
#4a3db4 rgb(74,61,180)
```
#5649c2
```
#5649c2 rgb(86,73,194)
```
#685cc8
```
#685cc8 rgb(104,92,200)
```
#7a6fce
```
#7a6fce rgb(122,111,206)
```
#8b82d5
```
#8b82d5 rgb(139,130,213)
```
#9d95db
```
#9d95db rgb(157,149,219)
```

Monochromatic Color

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

#5c6bc8
```
#5c6bc8 rgb(92,107,200)
```
#5c62c8
```
#5c62c8 rgb(92,98,200)
```
#5f5cc8
```
#5f5cc8 rgb(95,92,200)
```
#685cc8
```
#685cc8 rgb(104,92,200)
```
#715cc8
```
#715cc8 rgb(113,92,200)
```
#7a5cc8
```
#7a5cc8 rgb(122,92,200)
```
#835cc8
```
#835cc8 rgb(131,92,200)
```

Similar Colors

Text with hexadecimal color #685cc8

This text has a font color of #685cc8.

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

#685cc8 background color

This paragraph has a background color of #685cc8.

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

#685cc8 border color

This element has a border color of #685cc8.

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

CSS codes

.text {color:#685cc8;}

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

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

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

#05040d
```
#05040d rgb(5,4,13)
```
#0b091c
```
#0b091c rgb(11,9,28)
```
#110e2a
```
#110e2a rgb(17,14,42)
```
#171339
```
#171339 rgb(23,19,57)
```
#1d1848
```
#1d1848 rgb(29,24,72)
```
#231d56
```
#231d56 rgb(35,29,86)
```
#2a2265
```
#2a2265 rgb(42,34,101)
```
#302774
```
#302774 rgb(48,39,116)
```
#362c82
```
#362c82 rgb(54,44,130)
```
#3c3191
```
#3c3191 rgb(60,49,145)
```
#4236a0
```
#4236a0 rgb(66,54,160)
```
#483bae
```
#483bae rgb(72,59,174)
```
#4e40bd
```
#4e40bd rgb(78,64,189)
```

Shade Color Variation

#5a4dc3
```
#5a4dc3 rgb(90,77,195)
```
#685cc8
```
#685cc8 rgb(104,92,200)
```
#766bcd
```
#766bcd rgb(118,107,205)
```
#8379d2
```
#8379d2 rgb(131,121,210)
```
#9188d7
```
#9188d7 rgb(145,136,215)
```
#9e97dc
```
#9e97dc rgb(158,151,220)
```
#aca5e1
```
#aca5e1 rgb(172,165,225)
```
#bab4e6
```
#bab4e6 rgb(186,180,230)
```
#c7c3eb
```
#c7c3eb rgb(199,195,235)
```
#d5d1f0
```
#d5d1f0 rgb(213,209,240)
```
#e2e0f5
```
#e2e0f5 rgb(226,224,245)
```
#f0eff9
```
#f0eff9 rgb(240,239,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f8e96 is the less saturated color, while #412afa is the most saturated one.

#8f8e96
```
#8f8e96 rgb(143,142,150)
```
#89869e
```
#89869e rgb(137,134,158)
```
#827ea6
```
#827ea6 rgb(130,126,166)
```
#7c75af
```
#7c75af rgb(124,117,175)
```
#756db7
```
#756db7 rgb(117,109,183)
```
#6f64c0
```
#6f64c0 rgb(111,100,192)
```
#685cc8
```
#685cc8 rgb(104,92,200)
```
#6154d0
```
#6154d0 rgb(97,84,208)
```
#5b4bd9
```
#5b4bd9 rgb(91,75,217)
```
#5443e1
```
#5443e1 rgb(84,67,225)
```
#4e3aea
```
#4e3aea rgb(78,58,234)
```
#4732f2
```
#4732f2 rgb(71,50,242)
```
#412afa
```
#412afa rgb(65,42,250)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#6b697e Atypical Achromatopsia 0.001% of the population

Dichromacy

#286fd4 Protanopia 1% of men
#0074c2 Deuteranopia 1% of men
#547881 Tritanopia 0.001% of the population

Trichromacy

#3f68d0 Protanomaly 1% of men, 0.01% of women
#256bc4 Deuteranomaly 6% of men, 0.4% of women
#5b6e9a Tritanomaly 0.01% of the population

#685cc8 hex color

#685cc8 Color Information

#685cc8 Color Conversion

Color Schemes with #685cc8

Alternatives to #685cc8

#685cc8 Preview

Shades and Tints of #685cc8

Tones of #685cc8

Color Blindness Simulator