#685bf1 hex color

In a RGB color space, hex #685bf1 is composed of 40.8% red, 35.7% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 62.2% magenta, 0% yellow and 5.5% black. It has a hue angle of 245.2 degrees, a saturation of 84.3% and a lightness of 65.1%. #685bf1 color hex could be obtained by blending #d0b6ff with #0000e3. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 41
- G 36
- B 95
RGB color chart
- C 57
- M 62
- Y 0
- K 5
CMYK color chart

● #685bf1 color description : Soft blue.

The hexadecimal color #685bf1 has RGB values of R:104, G:91, B:241 and CMYK values of C:0.57, M:0.62, Y:0, K:0.05. Its decimal value is 6839281.

Hex triplet	685bf1	`#685bf1`
RGB Decimal	104, 91, 241	`rgb(104,91,241)`
RGB Percent	40.8, 35.7, 94.5	`rgb(40.8%,35.7%,94.5%)`
CMYK	57, 62, 0, 5
HSL	245.2°, 84.3, 65.1	`hsl(245.2,84.3%,65.1%)`
HSV (or HSB)	245.2°, 62.2, 94.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	47.975, 45.981, -73.937
XYZ	25.324, 16.775, 85.118
xyY	0.199, 0.132, 16.775
CIE-LCH	47.975, 87.069, 301.877
CIE-LUV	47.975, -4.704, -115.199
Hunter-Lab	40.958, 38.691, -94.546
Binary	01101000, 01011011, 11110001

#685bf1
```
#685bf1 rgb(104,91,241)
```
#e4f15b
```
#e4f15b rgb(228,241,91)
```

Complementary Color

#5b99f1
```
#5b99f1 rgb(91,153,241)
```
#685bf1
```
#685bf1 rgb(104,91,241)
```
#b35bf1
```
#b35bf1 rgb(179,91,241)
```

Analogous Color

#99f15b
```
#99f15b rgb(153,241,91)
```
#685bf1
```
#685bf1 rgb(104,91,241)
```
#f1b35b
```
#f1b35b rgb(241,179,91)
```

Split Complementary Color

#5bf168
```
#5bf168 rgb(91,241,104)
```
#685bf1
```
#685bf1 rgb(104,91,241)
```
#f1685b
```
#f1685b rgb(241,104,91)
```

Triadic Color

#5be4f1
```
#5be4f1 rgb(91,228,241)
```
#685bf1
```
#685bf1 rgb(104,91,241)
```
#f1685b
```
#f1685b rgb(241,104,91)
```
#e4f15b
```
#e4f15b rgb(228,241,91)
```

Tetradic Color

#2715eb
```
#2715eb rgb(39,21,235)
```
#3d2ced
```
#3d2ced rgb(61,44,237)
```
#5244ef
```
#5244ef rgb(82,68,239)
```
#685bf1
```
#685bf1 rgb(104,91,241)
```
#7e72f3
```
#7e72f3 rgb(126,114,243)
```
#938af5
```
#938af5 rgb(147,138,245)
```
#a9a1f7
```
#a9a1f7 rgb(169,161,247)
```

Monochromatic Color

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

#5b74f1
```
#5b74f1 rgb(91,116,241)
```
#5b67f1
```
#5b67f1 rgb(91,103,241)
```
#5b5bf1
```
#5b5bf1 rgb(91,91,241)
```
#685bf1
```
#685bf1 rgb(104,91,241)
```
#755bf1
```
#755bf1 rgb(117,91,241)
```
#815bf1
```
#815bf1 rgb(129,91,241)
```
#8e5bf1
```
#8e5bf1 rgb(142,91,241)
```

Similar Colors

Text with hexadecimal color #685bf1

This text has a font color of #685bf1.

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

#685bf1 background color

This paragraph has a background color of #685bf1.

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

#685bf1 border color

This element has a border color of #685bf1.

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

CSS codes

.text {color:#685bf1;}

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

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

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

#030111
```
#030111 rgb(3,1,17)
```
#060323
```
#060323 rgb(6,3,35)
```
#090535
```
#090535 rgb(9,5,53)
```
#0c0647
```
#0c0647 rgb(12,6,71)
```
#0f0859
```
#0f0859 rgb(15,8,89)
```
#12096b
```
#12096b rgb(18,9,107)
```
#150b7d
```
#150b7d rgb(21,11,125)
```
#180c8f
```
#180c8f rgb(24,12,143)
```
#1b0ea1
```
#1b0ea1 rgb(27,14,161)
```
#1e0fb3
```
#1e0fb3 rgb(30,15,179)
```
#2111c5
```
#2111c5 rgb(33,17,197)
```
#2312d8
```
#2312d8 rgb(35,18,216)
```
#2614ea
```
#2614ea rgb(38,20,234)
```

Shade Color Variation

#3625ec
```
#3625ec rgb(54,37,236)
```
#4737ee
```
#4737ee rgb(71,55,238)
```
#5749ef
```
#5749ef rgb(87,73,239)
```
#685bf1
```
#685bf1 rgb(104,91,241)
```
#796df3
```
#796df3 rgb(121,109,243)
```
#897ff4
```
#897ff4 rgb(137,127,244)
```
#9a91f6
```
#9a91f6 rgb(154,145,246)
```
#aba3f7
```
#aba3f7 rgb(171,163,247)
```
#bbb5f9
```
#bbb5f9 rgb(187,181,249)
```
#ccc7fa
```
#ccc7fa rgb(204,199,250)
```
#dcdafc
```
#dcdafc rgb(220,218,252)
```
#edecfd
```
#edecfd rgb(237,236,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#a19fad
```
#a19fad rgb(161,159,173)
```
#9b99b3
```
#9b99b3 rgb(155,153,179)
```
#9592ba
```
#9592ba rgb(149,146,186)
```
#908bc1
```
#908bc1 rgb(144,139,193)
```
#8a84c8
```
#8a84c8 rgb(138,132,200)
```
#847dcf
```
#847dcf rgb(132,125,207)
```
#7f76d6
```
#7f76d6 rgb(127,118,214)
```
#7970dc
```
#7970dc rgb(121,112,220)
```
#7369e3
```
#7369e3 rgb(115,105,227)
```
#6e62ea
```
#6e62ea rgb(110,98,234)
```
#685bf1
```
#685bf1 rgb(104,91,241)
```
#6254f8
```
#6254f8 rgb(98,84,248)
```
#5d4dff
```
#5d4dff rgb(93,77,255)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6e6c8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e5 Protanopia 1% of men
#007bc9 Deuteranopia 1% of men
#37838c Tritanopia 0.001% of the population

Trichromacy

#256be9 Protanomaly 1% of men, 0.01% of women
#256fd7 Deuteranomaly 6% of men, 0.4% of women
#4974b1 Tritanomaly 0.01% of the population

#685bf1 hex color

#685bf1 Color Information

#685bf1 Color Conversion

Color Schemes with #685bf1

Alternatives to #685bf1

#685bf1 Preview

Shades and Tints of #685bf1

Tones of #685bf1

Color Blindness Simulator