#685dcc hex color

In a RGB color space, hex #685dcc is composed of 40.8% red, 36.5% green and 80% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 54.4% magenta, 0% yellow and 20% black. It has a hue angle of 245.9 degrees, a saturation of 52.1% and a lightness of 58.2%. #685dcc color hex could be obtained by blending #d0baff with #000099. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 36
- B 80
RGB color chart
- C 49
- M 54
- Y 0
- K 20
CMYK color chart

● #685dcc color description : Moderate blue.

The hexadecimal color #685dcc has RGB values of R:104, G:93, B:204 and CMYK values of C:0.49, M:0.54, Y:0, K:0.2. Its decimal value is 6839756.

Hex triplet	685dcc	`#685dcc`
RGB Decimal	104, 93, 204	`rgb(104,93,204)`
RGB Percent	40.8, 36.5, 80	`rgb(40.8%,36.5%,80%)`
CMYK	49, 54, 0, 20
HSL	245.9°, 52.1, 58.2	`hsl(245.9,52.1%,58.2%)`
HSV (or HSB)	245.9°, 54.4, 80
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.813, 33.517, -56.444
XYZ	20.52, 15.131, 58.963
xyY	0.217, 0.16, 15.131
CIE-LCH	45.813, 65.646, 300.702
CIE-LUV	45.813, -2.633, -87.813
Hunter-Lab	38.898, 26.093, -62.644
Binary	01101000, 01011101, 11001100

#685dcc
```
#685dcc rgb(104,93,204)
```
#c1cc5d
```
#c1cc5d rgb(193,204,93)
```

Complementary Color

#5d8acc
```
#5d8acc rgb(93,138,204)
```
#685dcc
```
#685dcc rgb(104,93,204)
```
#a05dcc
```
#a05dcc rgb(160,93,204)
```

Analogous Color

#8acc5d
```
#8acc5d rgb(138,204,93)
```
#685dcc
```
#685dcc rgb(104,93,204)
```
#cca05d
```
#cca05d rgb(204,160,93)
```

Split Complementary Color

#5dcc68
```
#5dcc68 rgb(93,204,104)
```
#685dcc
```
#685dcc rgb(104,93,204)
```
#cc685d
```
#cc685d rgb(204,104,93)
```

Triadic Color

#5dc1cc
```
#5dc1cc rgb(93,193,204)
```
#685dcc
```
#685dcc rgb(104,93,204)
```
#cc685d
```
#cc685d rgb(204,104,93)
```
#c1cc5d
```
#c1cc5d rgb(193,204,93)
```

Tetradic Color

#4035a8
```
#4035a8 rgb(64,53,168)
```
#483bbb
```
#483bbb rgb(72,59,187)
```
#564ac6
```
#564ac6 rgb(86,74,198)
```
#685dcc
```
#685dcc rgb(104,93,204)
```
#7a70d2
```
#7a70d2 rgb(122,112,210)
```
#8c84d8
```
#8c84d8 rgb(140,132,216)
```
#9e97de
```
#9e97de rgb(158,151,222)
```

Monochromatic Color

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

#5d6ecc
```
#5d6ecc rgb(93,110,204)
```
#5d65cc
```
#5d65cc rgb(93,101,204)
```
#5f5dcc
```
#5f5dcc rgb(95,93,204)
```
#685dcc
```
#685dcc rgb(104,93,204)
```
#715dcc
```
#715dcc rgb(113,93,204)
```
#7b5dcc
```
#7b5dcc rgb(123,93,204)
```
#845dcc
```
#845dcc rgb(132,93,204)
```

Similar Colors

Text with hexadecimal color #685dcc

This text has a font color of #685dcc.

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

#685dcc background color

This paragraph has a background color of #685dcc.

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

#685dcc border color

This element has a border color of #685dcc.

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

CSS codes

.text {color:#685dcc;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#070511
```
#070511 rgb(7,5,17)
```
#0c0a20
```
#0c0a20 rgb(12,10,32)
```
#120f2f
```
#120f2f rgb(18,15,47)
```
#18133e
```
#18133e rgb(24,19,62)
```
#1d184d
```
#1d184d rgb(29,24,77)
```
#231d5c
```
#231d5c rgb(35,29,92)
```
#29226b
```
#29226b rgb(41,34,107)
```
#2e2679
```
#2e2679 rgb(46,38,121)
```
#342b88
```
#342b88 rgb(52,43,136)
```
#3a3097
```
#3a3097 rgb(58,48,151)
```
#4034a6
```
#4034a6 rgb(64,52,166)
```
#4539b5
```
#4539b5 rgb(69,57,181)
```

Shade Color Variation

#4c3fc3
```
#4c3fc3 rgb(76,63,195)
```
#5a4ec7
```
#5a4ec7 rgb(90,78,199)
```
#685dcc
```
#685dcc rgb(104,93,204)
```
#766cd1
```
#766cd1 rgb(118,108,209)
```
#847bd5
```
#847bd5 rgb(132,123,213)
```
#928ada
```
#928ada rgb(146,138,218)
```
#a099df
```
#a099df rgb(160,153,223)
```
#aea8e3
```
#aea8e3 rgb(174,168,227)
```
#bbb7e8
```
#bbb7e8 rgb(187,183,232)
```
#c9c5ed
```
#c9c5ed rgb(201,197,237)
```
#d7d4f2
```
#d7d4f2 rgb(215,212,242)
```
#e5e3f6
```
#e5e3f6 rgb(229,227,246)
```
#f3f2fb
```
#f3f2fb rgb(243,242,251)
```

Tint Color Variation

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

#8f8e9b
```
#8f8e9b rgb(143,142,155)
```
#8986a3
```
#8986a3 rgb(137,134,163)
```
#827eab
```
#827eab rgb(130,126,171)
```
#7c76b3
```
#7c76b3 rgb(124,118,179)
```
#756dbc
```
#756dbc rgb(117,109,188)
```
#6f65c4
```
#6f65c4 rgb(111,101,196)
```
#685dcc
```
#685dcc rgb(104,93,204)
```
#6155d4
```
#6155d4 rgb(97,85,212)
```
#5b4ddc
```
#5b4ddc rgb(91,77,220)
```
#5444e5
```
#5444e5 rgb(84,68,229)
```
#4e3ced
```
#4e3ced rgb(78,60,237)
```
#4734f5
```
#4734f5 rgb(71,52,245)
```
#412cfd
```
#412cfd rgb(65,44,253)
```

Tone Color Variation

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

Dichromacy

#2370d8 Protanopia 1% of men
#0076c4 Deuteranopia 1% of men
#537a83 Tritanopia 0.001% of the population

Trichromacy

#3c69d4 Protanomaly 1% of men, 0.01% of women
#256cc7 Deuteranomaly 6% of men, 0.4% of women
#5a6f9d Tritanomaly 0.01% of the population

#685dcc hex color

#685dcc Color Information

#685dcc Color Conversion

Color Schemes with #685dcc

Alternatives to #685dcc

#685dcc Preview

Shades and Tints of #685dcc

Tones of #685dcc

Color Blindness Simulator