#685ccf hex color

In a RGB color space, hex #685ccf is composed of 40.8% red, 36.1% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 49.8% cyan, 55.6% magenta, 0% yellow and 18.8% black. It has a hue angle of 246.3 degrees, a saturation of 54.5% and a lightness of 58.6%. #685ccf color hex could be obtained by blending #d0b8ff with #00009f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 36
- B 81
RGB color chart
- C 50
- M 56
- Y 0
- K 19
CMYK color chart

● #685ccf color description : Moderate blue.

The hexadecimal color #685ccf has RGB values of R:104, G:92, B:207 and CMYK values of C:0.5, M:0.56, Y:0, K:0.19. Its decimal value is 6839503.

Hex triplet	685ccf	`#685ccf`
RGB Decimal	104, 92, 207	`rgb(104,92,207)`
RGB Percent	40.8, 36.1, 81.2	`rgb(40.8%,36.1%,81.2%)`
CMYK	50, 56, 0, 19
HSL	246.3°, 54.5, 58.6	`hsl(246.3,54.5%,58.6%)`
HSV (or HSB)	246.3°, 55.6, 81.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.773, 35.027, -58.231
XYZ	20.796, 15.102, 60.847
xyY	0.215, 0.156, 15.102
CIE-LCH	45.773, 67.954, 301.028
CIE-LUV	45.773, -2.573, -90.539
Hunter-Lab	38.861, 27.517, -65.632
Binary	01101000, 01011100, 11001111

#685ccf
```
#685ccf rgb(104,92,207)
```
#c3cf5c
```
#c3cf5c rgb(195,207,92)
```

Complementary Color

#5c8acf
```
#5c8acf rgb(92,138,207)
```
#685ccf
```
#685ccf rgb(104,92,207)
```
#a25ccf
```
#a25ccf rgb(162,92,207)
```

Analogous Color

#8acf5c
```
#8acf5c rgb(138,207,92)
```
#685ccf
```
#685ccf rgb(104,92,207)
```
#cfa25c
```
#cfa25c rgb(207,162,92)
```

Split Complementary Color

#5ccf68
```
#5ccf68 rgb(92,207,104)
```
#685ccf
```
#685ccf rgb(104,92,207)
```
#cf685c
```
#cf685c rgb(207,104,92)
```

Triadic Color

#5cc3cf
```
#5cc3cf rgb(92,195,207)
```
#685ccf
```
#685ccf rgb(104,92,207)
```
#cf685c
```
#cf685c rgb(207,104,92)
```
#c3cf5c
```
#c3cf5c rgb(195,207,92)
```

Tetradic Color

#3f33ac
```
#3f33ac rgb(63,51,172)
```
#4738c0
```
#4738c0 rgb(71,56,192)
```
#5648c9
```
#5648c9 rgb(86,72,201)
```
#685ccf
```
#685ccf rgb(104,92,207)
```
#7a70d5
```
#7a70d5 rgb(122,112,213)
```
#8c83db
```
#8c83db rgb(140,131,219)
```
#9f97e0
```
#9f97e0 rgb(159,151,224)
```

Monochromatic Color

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

#5c6dcf
```
#5c6dcf rgb(92,109,207)
```
#5c63cf
```
#5c63cf rgb(92,99,207)
```
#5e5ccf
```
#5e5ccf rgb(94,92,207)
```
#685ccf
```
#685ccf rgb(104,92,207)
```
#725ccf
```
#725ccf rgb(114,92,207)
```
#7b5ccf
```
#7b5ccf rgb(123,92,207)
```
#855ccf
```
#855ccf rgb(133,92,207)
```

Similar Colors

Text with hexadecimal color #685ccf

This text has a font color of #685ccf.

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

#685ccf background color

This paragraph has a background color of #685ccf.

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

#685ccf border color

This element has a border color of #685ccf.

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

CSS codes

.text {color:#685ccf;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#070613
```
#070613 rgb(7,6,19)
```
#0d0a22
```
#0d0a22 rgb(13,10,34)
```
#120e31
```
#120e31 rgb(18,14,49)
```
#181340
```
#181340 rgb(24,19,64)
```
#1d174f
```
#1d174f rgb(29,23,79)
```
#231c5f
```
#231c5f rgb(35,28,95)
```
#28206e
```
#28206e rgb(40,32,110)
```
#2e257d
```
#2e257d rgb(46,37,125)
```
#34298c
```
#34298c rgb(52,41,140)
```
#392e9b
```
#392e9b rgb(57,46,155)
```
#3f32aa
```
#3f32aa rgb(63,50,170)
```
#4437ba
```
#4437ba rgb(68,55,186)
```

Shade Color Variation

#4c3ec6
```
#4c3ec6 rgb(76,62,198)
```
#5a4dcb
```
#5a4dcb rgb(90,77,203)
```
#685ccf
```
#685ccf rgb(104,92,207)
```
#766bd3
```
#766bd3 rgb(118,107,211)
```
#847ad8
```
#847ad8 rgb(132,122,216)
```
#9289dc
```
#9289dc rgb(146,137,220)
```
#a099e1
```
#a099e1 rgb(160,153,225)
```
#aea8e5
```
#aea8e5 rgb(174,168,229)
```
#bcb7ea
```
#bcb7ea rgb(188,183,234)
```
#cac6ee
```
#cac6ee rgb(202,198,238)
```
#d8d5f3
```
#d8d5f3 rgb(216,213,243)
```
#e6e4f7
```
#e6e4f7 rgb(230,228,247)
```
#f4f4fc
```
#f4f4fc rgb(244,244,252)
```

Tint Color Variation

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

#959596
```
#959596 rgb(149,149,150)
```
#8f8d9e
```
#8f8d9e rgb(143,141,158)
```
#8885a6
```
#8885a6 rgb(136,133,166)
```
#827caf
```
#827caf rgb(130,124,175)
```
#7b74b7
```
#7b74b7 rgb(123,116,183)
```
#756cbf
```
#756cbf rgb(117,108,191)
```
#6e64c7
```
#6e64c7 rgb(110,100,199)
```
#685ccf
```
#685ccf rgb(104,92,207)
```
#6254d7
```
#6254d7 rgb(98,84,215)
```
#5b4cdf
```
#5b4cdf rgb(91,76,223)
```
#5544e7
```
#5544e7 rgb(85,68,231)
```
#4e3cef
```
#4e3cef rgb(78,60,239)
```
#4833f8
```
#4833f8 rgb(72,51,248)
```

Tone Color Variation

Below, you can see how #685ccf 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
#6c6a81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0c70dc Protanopia 1% of men
#0076c3 Deuteranopia 1% of men
#517a83 Tritanopia 0.001% of the population

Trichromacy

#2d68d7 Protanomaly 1% of men, 0.01% of women
#256cc7 Deuteranomaly 6% of men, 0.4% of women
#596f9e Tritanomaly 0.01% of the population

#685ccf hex color

#685ccf Color Information

#685ccf Color Conversion

Color Schemes with #685ccf

Alternatives to #685ccf

#685ccf Preview

Shades and Tints of #685ccf

Tones of #685ccf

Color Blindness Simulator