#685afc hex color

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

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

● #685afc color description : Soft blue.

The hexadecimal color #685afc has RGB values of R:104, G:90, B:252 and CMYK values of C:0.59, M:0.64, Y:0, K:0.01. Its decimal value is 6839036.

Hex triplet	685afc	`#685afc`
RGB Decimal	104, 90, 252	`rgb(104,90,252)`
RGB Percent	40.8, 35.3, 98.8	`rgb(40.8%,35.3%,98.8%)`
CMYK	59, 64, 0, 1
HSL	245.2°, 96.4, 67.1	`hsl(245.2,96.4%,67.1%)`
HSV (or HSB)	245.2°, 64.3, 98.8
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.614, 49.9, -79.038
XYZ	26.932, 17.283, 94.007
xyY	0.195, 0.125, 17.283
CIE-LCH	48.614, 93.472, 302.266
CIE-LUV	48.614, -5.207, -122.974
Hunter-Lab	41.572, 42.888, -104.971
Binary	01101000, 01011010, 11111100

#685afc
```
#685afc rgb(104,90,252)
```
#eefc5a
```
#eefc5a rgb(238,252,90)
```

Complementary Color

#5a9dfc
```
#5a9dfc rgb(90,157,252)
```
#685afc
```
#685afc rgb(104,90,252)
```
#b95afc
```
#b95afc rgb(185,90,252)
```

Analogous Color

#9dfc5a
```
#9dfc5a rgb(157,252,90)
```
#685afc
```
#685afc rgb(104,90,252)
```
#fcb95a
```
#fcb95a rgb(252,185,90)
```

Split Complementary Color

#5afc68
```
#5afc68 rgb(90,252,104)
```
#685afc
```
#685afc rgb(104,90,252)
```
#fc685a
```
#fc685a rgb(252,104,90)
```

Triadic Color

#5aeefc
```
#5aeefc rgb(90,238,252)
```
#685afc
```
#685afc rgb(104,90,252)
```
#fc685a
```
#fc685a rgb(252,104,90)
```
#eefc5a
```
#eefc5a rgb(238,252,90)
```

Tetradic Color

#230ffb
```
#230ffb rgb(35,15,251)
```
#3a28fb
```
#3a28fb rgb(58,40,251)
```
#5141fc
```
#5141fc rgb(81,65,252)
```
#685afc
```
#685afc rgb(104,90,252)
```
#7f73fc
```
#7f73fc rgb(127,115,252)
```
#968cfd
```
#968cfd rgb(150,140,253)
```
#ada5fd
```
#ada5fd rgb(173,165,253)
```

Monochromatic Color

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

#5a75fc
```
#5a75fc rgb(90,117,252)
```
#5a67fc
```
#5a67fc rgb(90,103,252)
```
#5b5afc
```
#5b5afc rgb(91,90,252)
```
#685afc
```
#685afc rgb(104,90,252)
```
#765afc
```
#765afc rgb(118,90,252)
```
#835afc
```
#835afc rgb(131,90,252)
```
#915afc
```
#915afc rgb(145,90,252)
```

Similar Colors

Text with hexadecimal color #685afc

This text has a font color of #685afc.

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

#685afc background color

This paragraph has a background color of #685afc.

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

#685afc border color

This element has a border color of #685afc.

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

CSS codes

.text {color:#685afc;}

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

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

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

#010008
```
#010008 rgb(1,0,8)
```
#03011c
```
#03011c rgb(3,1,28)
```
#05012f
```
#05012f rgb(5,1,47)
```
#070142
```
#070142 rgb(7,1,66)
```
#090255
```
#090255 rgb(9,2,85)
```
#0b0269
```
#0b0269 rgb(11,2,105)
```
#0d027c
```
#0d027c rgb(13,2,124)
```
#0f038f
```
#0f038f rgb(15,3,143)
```
#1103a3
```
#1103a3 rgb(17,3,163)
```
#1303b6
```
#1303b6 rgb(19,3,182)
```
#1504c9
```
#1504c9 rgb(21,4,201)
```
#1704dc
```
#1704dc rgb(23,4,220)
```
#1904f0
```
#1904f0 rgb(25,4,240)
```

Shade Color Variation

#210dfb
```
#210dfb rgb(33,13,251)
```
#3320fb
```
#3320fb rgb(51,32,251)
```
#4533fb
```
#4533fb rgb(69,51,251)
```
#5647fc
```
#5647fc rgb(86,71,252)
```
#685afc
```
#685afc rgb(104,90,252)
```
#7a6dfc
```
#7a6dfc rgb(122,109,252)
```
#8b81fd
```
#8b81fd rgb(139,129,253)
```
#9d94fd
```
#9d94fd rgb(157,148,253)
```
#afa7fd
```
#afa7fd rgb(175,167,253)
```
#c0bafe
```
#c0bafe rgb(192,186,254)
```
#d2cefe
```
#d2cefe rgb(210,206,254)
```
#e3e1fe
```
#e3e1fe rgb(227,225,254)
```
#f5f4ff
```
#f5f4ff rgb(245,244,255)
```

Tint Color Variation

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

#a8a8ae
```
#a8a8ae rgb(168,168,174)
```
#a3a1b5
```
#a3a1b5 rgb(163,161,181)
```
#9d9bbb
```
#9d9bbb rgb(157,155,187)
```
#9894c2
```
#9894c2 rgb(152,148,194)
```
#938ec8
```
#938ec8 rgb(147,142,200)
```
#8d87cf
```
#8d87cf rgb(141,135,207)
```
#8881d5
```
#8881d5 rgb(136,129,213)
```
#837adc
```
#837adc rgb(131,122,220)
```
#7d74e2
```
#7d74e2 rgb(125,116,226)
```
#786de9
```
#786de9 rgb(120,109,233)
```
#7367ef
```
#7367ef rgb(115,103,239)
```
#6d60f6
```
#6d60f6 rgb(109,96,246)
```
#685afc
```
#685afc rgb(104,90,252)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6f6c8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077e8 Protanopia 1% of men
#007dcb Deuteranopia 1% of men
#27858f Tritanopia 0.001% of the population

Trichromacy

#256cef Protanomaly 1% of men, 0.01% of women
#2570dd Deuteranomaly 6% of men, 0.4% of women
#3f75b7 Tritanomaly 0.01% of the population

#685afc hex color

#685afc Color Information

#685afc Color Conversion

Color Schemes with #685afc

Alternatives to #685afc

#685afc Preview

Shades and Tints of #685afc

Tones of #685afc

Color Blindness Simulator