#685cfc hex color

In a RGB color space, hex #685cfc is composed of 40.8% red, 36.1% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 63.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 244.5 degrees, a saturation of 96.4% and a lightness of 67.5%. #685cfc color hex could be obtained by blending #d0b8ff with #0000f9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 41
- G 36
- B 99
RGB color chart
- C 59
- M 63
- Y 0
- K 1
CMYK color chart

● #685cfc color description : Soft blue.

The hexadecimal color #685cfc has RGB values of R:104, G:92, B:252 and CMYK values of C:0.59, M:0.63, Y:0, K:0.01. Its decimal value is 6839548.

Hex triplet	685cfc	`#685cfc`
RGB Decimal	104, 92, 252	`rgb(104,92,252)`
RGB Percent	40.8, 36.1, 98.8	`rgb(40.8%,36.1%,98.8%)`
CMYK	59, 63, 0, 1
HSL	244.5°, 96.4, 67.5	`hsl(244.5,96.4%,67.5%)`
HSV (or HSB)	244.5°, 63.5, 98.8
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.038, 48.769, -78.347
XYZ	27.103, 17.625, 94.064
xyY	0.195, 0.127, 17.625
CIE-LCH	49.038, 92.286, 301.901
CIE-LUV	49.038, -5.645, -122.29
Hunter-Lab	41.982, 41.772, -103.458
Binary	01101000, 01011100, 11111100

#685cfc
```
#685cfc rgb(104,92,252)
```
#f0fc5c
```
#f0fc5c rgb(240,252,92)
```

Complementary Color

#5ca0fc
```
#5ca0fc rgb(92,160,252)
```
#685cfc
```
#685cfc rgb(104,92,252)
```
#b85cfc
```
#b85cfc rgb(184,92,252)
```

Analogous Color

#a0fc5c
```
#a0fc5c rgb(160,252,92)
```
#685cfc
```
#685cfc rgb(104,92,252)
```
#fcb85c
```
#fcb85c rgb(252,184,92)
```

Split Complementary Color

#5cfc68
```
#5cfc68 rgb(92,252,104)
```
#685cfc
```
#685cfc rgb(104,92,252)
```
#fc685c
```
#fc685c rgb(252,104,92)
```

Triadic Color

#5cf0fc
```
#5cf0fc rgb(92,240,252)
```
#685cfc
```
#685cfc rgb(104,92,252)
```
#fc685c
```
#fc685c rgb(252,104,92)
```
#f0fc5c
```
#f0fc5c rgb(240,252,92)
```

Tetradic Color

#2211fb
```
#2211fb rgb(34,17,251)
```
#3a2afb
```
#3a2afb rgb(58,42,251)
```
#5143fc
```
#5143fc rgb(81,67,252)
```
#685cfc
```
#685cfc rgb(104,92,252)
```
#7f75fc
```
#7f75fc rgb(127,117,252)
```
#968efd
```
#968efd rgb(150,142,253)
```
#aea7fd
```
#aea7fd rgb(174,167,253)
```

Monochromatic Color

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

#5c78fc
```
#5c78fc rgb(92,120,252)
```
#5c6bfc
```
#5c6bfc rgb(92,107,252)
```
#5c5dfc
```
#5c5dfc rgb(92,93,252)
```
#685cfc
```
#685cfc rgb(104,92,252)
```
#755cfc
```
#755cfc rgb(117,92,252)
```
#835cfc
```
#835cfc rgb(131,92,252)
```
#905cfc
```
#905cfc rgb(144,92,252)
```

Similar Colors

Text with hexadecimal color #685cfc

This text has a font color of #685cfc.

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

#685cfc background color

This paragraph has a background color of #685cfc.

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

#685cfc border color

This element has a border color of #685cfc.

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

CSS codes

.text {color:#685cfc;}

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

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

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, #01000a is the darkest color, while #f7f6ff is the lightest one.

#01000a
```
#01000a rgb(1,0,10)
```
#03011e
```
#03011e rgb(3,1,30)
```
#040131
```
#040131 rgb(4,1,49)
```
#060144
```
#060144 rgb(6,1,68)
```
#080257
```
#080257 rgb(8,2,87)
```
#0a026b
```
#0a026b rgb(10,2,107)
```
#0c027e
```
#0c027e rgb(12,2,126)
```
#0d0391
```
#0d0391 rgb(13,3,145)
```
#0f03a4
```
#0f03a4 rgb(15,3,164)
```
#1103b8
```
#1103b8 rgb(17,3,184)
```
#1304cb
```
#1304cb rgb(19,4,203)
```
#1404de
```
#1404de rgb(20,4,222)
```
#1604f1
```
#1604f1 rgb(22,4,241)
```

Shade Color Variation

#210ffb
```
#210ffb rgb(33,15,251)
```
#3222fb
```
#3222fb rgb(50,34,251)
```
#4435fb
```
#4435fb rgb(68,53,251)
```
#5649fc
```
#5649fc rgb(86,73,252)
```
#685cfc
```
#685cfc rgb(104,92,252)
```
#7a6ffc
```
#7a6ffc rgb(122,111,252)
```
#8c83fd
```
#8c83fd rgb(140,131,253)
```
#9e96fd
```
#9e96fd rgb(158,150,253)
```
#afa9fd
```
#afa9fd rgb(175,169,253)
```
#c1bcfe
```
#c1bcfe rgb(193,188,254)
```
#d3d0fe
```
#d3d0fe rgb(211,208,254)
```
#e5e3fe
```
#e5e3fe rgb(229,227,254)
```
#f7f6ff
```
#f7f6ff rgb(247,246,255)
```

Tint Color Variation

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

#a9a9af
```
#a9a9af rgb(169,169,175)
```
#a4a2b6
```
#a4a2b6 rgb(164,162,182)
```
#9e9cbc
```
#9e9cbc rgb(158,156,188)
```
#9995c3
```
#9995c3 rgb(153,149,195)
```
#938fc9
```
#938fc9 rgb(147,143,201)
```
#8e89cf
```
#8e89cf rgb(142,137,207)
```
#8982d6
```
#8982d6 rgb(137,130,214)
```
#837cdc
```
#837cdc rgb(131,124,220)
```
#7e76e2
```
#7e76e2 rgb(126,118,226)
```
#786fe9
```
#786fe9 rgb(120,111,233)
```
#7369ef
```
#7369ef rgb(115,105,239)
```
#6d62f6
```
#6d62f6 rgb(109,98,246)
```
#685cfc
```
#685cfc rgb(104,92,252)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#706e8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ea Protanopia 1% of men
#007ecd Deuteranopia 1% of men
#298690 Tritanopia 0.001% of the population

Trichromacy

#256df0 Protanomaly 1% of men, 0.01% of women
#2572de Deuteranomaly 6% of men, 0.4% of women
#3f77b7 Tritanomaly 0.01% of the population

#685cfc hex color

#685cfc Color Information

#685cfc Color Conversion

Color Schemes with #685cfc

Alternatives to #685cfc

#685cfc Preview

Shades and Tints of #685cfc

Tones of #685cfc

Color Blindness Simulator