#685dfb hex color

In a RGB color space, hex #685dfb is composed of 40.8% red, 36.5% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 62.9% magenta, 0% yellow and 1.6% black. It has a hue angle of 244.2 degrees, a saturation of 95.2% and a lightness of 67.5%. #685dfb color hex could be obtained by blending #d0baff with #0000f7. Closest websafe color is: #6666ff.

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

● #685dfb color description : Soft blue.

The hexadecimal color #685dfb has RGB values of R:104, G:93, B:251 and CMYK values of C:0.59, M:0.63, Y:0, K:0.02. Its decimal value is 6839803.

Hex triplet	685dfb	`#685dfb`
RGB Decimal	104, 93, 251	`rgb(104,93,251)`
RGB Percent	40.8, 36.5, 98.4	`rgb(40.8%,36.5%,98.4%)`
CMYK	59, 63, 0, 2
HSL	244.2°, 95.2, 67.5	`hsl(244.2,95.2%,67.5%)`
HSV (or HSB)	244.2°, 62.9, 98.4
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.174, 47.893, -77.568
XYZ	27.032, 17.736, 93.26
xyY	0.196, 0.128, 17.736
CIE-LCH	49.174, 91.162, 301.693
CIE-LUV	49.174, -5.806, -121.263
Hunter-Lab	42.114, 40.878, -101.817
Binary	01101000, 01011101, 11111011

#685dfb
```
#685dfb rgb(104,93,251)
```
#f0fb5d
```
#f0fb5d rgb(240,251,93)
```

Complementary Color

#5da1fb
```
#5da1fb rgb(93,161,251)
```
#685dfb
```
#685dfb rgb(104,93,251)
```
#b75dfb
```
#b75dfb rgb(183,93,251)
```

Analogous Color

#a1fb5d
```
#a1fb5d rgb(161,251,93)
```
#685dfb
```
#685dfb rgb(104,93,251)
```
#fbb75d
```
#fbb75d rgb(251,183,93)
```

Split Complementary Color

#5dfb68
```
#5dfb68 rgb(93,251,104)
```
#685dfb
```
#685dfb rgb(104,93,251)
```
#fb685d
```
#fb685d rgb(251,104,93)
```

Triadic Color

#5df0fb
```
#5df0fb rgb(93,240,251)
```
#685dfb
```
#685dfb rgb(104,93,251)
```
#fb685d
```
#fb685d rgb(251,104,93)
```
#f0fb5d
```
#f0fb5d rgb(240,251,93)
```

Tetradic Color

#2212f9
```
#2212f9 rgb(34,18,249)
```
#3a2bfa
```
#3a2bfa rgb(58,43,250)
```
#5144fa
```
#5144fa rgb(81,68,250)
```
#685dfb
```
#685dfb rgb(104,93,251)
```
#7f76fc
```
#7f76fc rgb(127,118,252)
```
#968ffc
```
#968ffc rgb(150,143,252)
```
#aea8fd
```
#aea8fd rgb(174,168,253)
```

Monochromatic Color

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

#5d7afb
```
#5d7afb rgb(93,122,251)
```
#5d6cfb
```
#5d6cfb rgb(93,108,251)
```
#5d5ffb
```
#5d5ffb rgb(93,95,251)
```
#685dfb
```
#685dfb rgb(104,93,251)
```
#755dfb
```
#755dfb rgb(117,93,251)
```
#825dfb
```
#825dfb rgb(130,93,251)
```
#905dfb
```
#905dfb rgb(144,93,251)
```

Similar Colors

Text with hexadecimal color #685dfb

This text has a font color of #685dfb.

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

#685dfb background color

This paragraph has a background color of #685dfb.

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

#685dfb border color

This element has a border color of #685dfb.

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

CSS codes

.text {color:#685dfb;}

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

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

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)
```
#03011d
```
#03011d rgb(3,1,29)
```
#040131
```
#040131 rgb(4,1,49)
```
#060244
```
#060244 rgb(6,2,68)
```
#080257
```
#080257 rgb(8,2,87)
```
#0a036a
```
#0a036a rgb(10,3,106)
```
#0c037d
```
#0c037d rgb(12,3,125)
```
#0d0490
```
#0d0490 rgb(13,4,144)
```
#0f04a3
```
#0f04a3 rgb(15,4,163)
```
#1105b7
```
#1105b7 rgb(17,5,183)
```
#1305ca
```
#1305ca rgb(19,5,202)
```
#1405dd
```
#1405dd rgb(20,5,221)
```
#1606f0
```
#1606f0 rgb(22,6,240)
```

Shade Color Variation

#2110f9
```
#2110f9 rgb(33,16,249)
```
#3224fa
```
#3224fa rgb(50,36,250)
```
#4437fa
```
#4437fa rgb(68,55,250)
```
#564afb
```
#564afb rgb(86,74,251)
```
#685dfb
```
#685dfb rgb(104,93,251)
```
#7a70fb
```
#7a70fb rgb(122,112,251)
```
#8c83fc
```
#8c83fc rgb(140,131,252)
```
#9e96fc
```
#9e96fc rgb(158,150,252)
```
#afaafd
```
#afaafd rgb(175,170,253)
```
#c1bdfd
```
#c1bdfd rgb(193,189,253)
```
#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, #aaaaae is the less saturated color, while #685dfb is the most saturated one.

#aaaaae
```
#aaaaae rgb(170,170,174)
```
#a4a3b5
```
#a4a3b5 rgb(164,163,181)
```
#9f9dbb
```
#9f9dbb rgb(159,157,187)
```
#9996c2
```
#9996c2 rgb(153,150,194)
```
#9490c8
```
#9490c8 rgb(148,144,200)
```
#8e8ace
```
#8e8ace rgb(142,138,206)
```
#8983d5
```
#8983d5 rgb(137,131,213)
```
#837ddb
```
#837ddb rgb(131,125,219)
```
#7e77e1
```
#7e77e1 rgb(126,119,225)
```
#7870e8
```
#7870e8 rgb(120,112,232)
```
#736aee
```
#736aee rgb(115,106,238)
```
#6d63f5
```
#6d63f5 rgb(109,99,245)
```
#685dfb
```
#685dfb rgb(104,93,251)
```

Tone Color Variation

Below, you can see how #685dfb 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
#706e8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078eb Protanopia 1% of men
#007ecd Deuteranopia 1% of men
#2b8791 Tritanopia 0.001% of the population

Trichromacy

#256ef0 Protanomaly 1% of men, 0.01% of women
#2572de Deuteranomaly 6% of men, 0.4% of women
#4177b7 Tritanomaly 0.01% of the population

#685dfb hex color

#685dfb Color Information

#685dfb Color Conversion

Color Schemes with #685dfb

Alternatives to #685dfb

#685dfb Preview

Shades and Tints of #685dfb

Tones of #685dfb

Color Blindness Simulator