#685bfe hex color

In a RGB color space, hex #685bfe is composed of 40.8% red, 35.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 59.1% cyan, 64.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 244.8 degrees, a saturation of 98.8% and a lightness of 67.6%. #685bfe color hex could be obtained by blending #d0b6ff with #0000fd. Closest websafe color is: #6666ff.

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

● #685bfe color description : Soft blue.

The hexadecimal color #685bfe has RGB values of R:104, G:91, B:254 and CMYK values of C:0.59, M:0.64, Y:0, K:0. Its decimal value is 6839294.

Hex triplet	685bfe	`#685bfe`
RGB Decimal	104, 91, 254	`rgb(104,91,254)`
RGB Percent	40.8, 35.7, 99.6	`rgb(40.8%,35.7%,99.6%)`
CMYK	59, 64, 0, 0
HSL	244.8°, 98.8, 67.6	`hsl(244.8,98.8%,67.6%)`
HSV (or HSB)	244.8°, 64.2, 99.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	48.983, 49.944, -79.549
XYZ	27.336, 17.58, 95.713
xyY	0.194, 0.125, 17.58
CIE-LCH	48.983, 93.928, 302.122
CIE-LUV	48.983, -5.553, -123.969
Hunter-Lab	41.928, 43.002, -105.996
Binary	01101000, 01011011, 11111110

#685bfe
```
#685bfe rgb(104,91,254)
```
#f1fe5b
```
#f1fe5b rgb(241,254,91)
```

Complementary Color

#5ba0fe
```
#5ba0fe rgb(91,160,254)
```
#685bfe
```
#685bfe rgb(104,91,254)
```
#ba5bfe
```
#ba5bfe rgb(186,91,254)
```

Analogous Color

#a0fe5b
```
#a0fe5b rgb(160,254,91)
```
#685bfe
```
#685bfe rgb(104,91,254)
```
#feba5b
```
#feba5b rgb(254,186,91)
```

Split Complementary Color

#5bfe68
```
#5bfe68 rgb(91,254,104)
```
#685bfe
```
#685bfe rgb(104,91,254)
```
#fe685b
```
#fe685b rgb(254,104,91)
```

Triadic Color

#5bf1fe
```
#5bf1fe rgb(91,241,254)
```
#685bfe
```
#685bfe rgb(104,91,254)
```
#fe685b
```
#fe685b rgb(254,104,91)
```
#f1fe5b
```
#f1fe5b rgb(241,254,91)
```

Tetradic Color

#220ffe
```
#220ffe rgb(34,15,254)
```
#3928fe
```
#3928fe rgb(57,40,254)
```
#5142fe
```
#5142fe rgb(81,66,254)
```
#685bfe
```
#685bfe rgb(104,91,254)
```
#7f74fe
```
#7f74fe rgb(127,116,254)
```
#978efe
```
#978efe rgb(151,142,254)
```
#aea7fe
```
#aea7fe rgb(174,167,254)
```

Monochromatic Color

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

#5b77fe
```
#5b77fe rgb(91,119,254)
```
#5b69fe
```
#5b69fe rgb(91,105,254)
```
#5b5cfe
```
#5b5cfe rgb(91,92,254)
```
#685bfe
```
#685bfe rgb(104,91,254)
```
#765bfe
```
#765bfe rgb(118,91,254)
```
#835bfe
```
#835bfe rgb(131,91,254)
```
#915bfe
```
#915bfe rgb(145,91,254)
```

Similar Colors

Text with hexadecimal color #685bfe

This text has a font color of #685bfe.

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

#685bfe background color

This paragraph has a background color of #685bfe.

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

#685bfe border color

This element has a border color of #685bfe.

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

CSS codes

.text {color:#685bfe;}

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

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

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

#01000b
```
#01000b rgb(1,0,11)
```
#03001f
```
#03001f rgb(3,0,31)
```
#040032
```
#040032 rgb(4,0,50)
```
#060046
```
#060046 rgb(6,0,70)
```
#080159
```
#080159 rgb(8,1,89)
```
#09016d
```
#09016d rgb(9,1,109)
```
#0b0180
```
#0b0180 rgb(11,1,128)
```
#0d0194
```
#0d0194 rgb(13,1,148)
```
#0e01a7
```
#0e01a7 rgb(14,1,167)
```
#1001bb
```
#1001bb rgb(16,1,187)
```
#1201ce
```
#1201ce rgb(18,1,206)
```
#1301e2
```
#1301e2 rgb(19,1,226)
```
#1501f5
```
#1501f5 rgb(21,1,245)
```

Shade Color Variation

#200dfe
```
#200dfe rgb(32,13,254)
```
#3221fe
```
#3221fe rgb(50,33,254)
```
#4434fe
```
#4434fe rgb(68,52,254)
```
#5648fe
```
#5648fe rgb(86,72,254)
```
#685bfe
```
#685bfe rgb(104,91,254)
```
#7a6efe
```
#7a6efe rgb(122,110,254)
```
#8c82fe
```
#8c82fe rgb(140,130,254)
```
#9e95fe
```
#9e95fe rgb(158,149,254)
```
#b0a9fe
```
#b0a9fe rgb(176,169,254)
```
#c2bcff
```
#c2bcff rgb(194,188,255)
```
#d4d0ff
```
#d4d0ff rgb(212,208,255)
```
#e6e3ff
```
#e6e3ff rgb(230,227,255)
```
#f8f7ff
```
#f8f7ff rgb(248,247,255)
```

Tint Color Variation

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

#a8a7b2
```
#a8a7b2 rgb(168,167,178)
```
#a3a1b8
```
#a3a1b8 rgb(163,161,184)
```
#9d9abf
```
#9d9abf rgb(157,154,191)
```
#9894c5
```
#9894c5 rgb(152,148,197)
```
#938ecb
```
#938ecb rgb(147,142,203)
```
#8d87d2
```
#8d87d2 rgb(141,135,210)
```
#8881d8
```
#8881d8 rgb(136,129,216)
```
#837bde
```
#837bde rgb(131,123,222)
```
#7d74e5
```
#7d74e5 rgb(125,116,229)
```
#786eeb
```
#786eeb rgb(120,110,235)
```
#7368f1
```
#7368f1 rgb(115,104,241)
```
#6d61f8
```
#6d61f8 rgb(109,97,248)
```
#685bfe
```
#685bfe rgb(104,91,254)
```

Tone Color Variation

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

Dichromacy

#0077ea Protanopia 1% of men
#007ecc Deuteranopia 1% of men
#248690 Tritanopia 0.001% of the population

Trichromacy

#256df1 Protanomaly 1% of men, 0.01% of women
#2571de Deuteranomaly 6% of men, 0.4% of women
#3d76b8 Tritanomaly 0.01% of the population

#685bfe hex color

#685bfe Color Information

#685bfe Color Conversion

Color Schemes with #685bfe

Alternatives to #685bfe

#685bfe Preview

Shades and Tints of #685bfe

Tones of #685bfe

Color Blindness Simulator