#685fd7 hex color

In a RGB color space, hex #685fd7 is composed of 40.8% red, 37.3% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 51.6% cyan, 55.8% magenta, 0% yellow and 15.7% black. It has a hue angle of 244.5 degrees, a saturation of 60% and a lightness of 60.8%. #685fd7 color hex could be obtained by blending #d0beff with #0000af. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 37
- B 84
RGB color chart
- C 52
- M 56
- Y 0
- K 16
CMYK color chart

● #685fd7 color description : Moderate blue.

The hexadecimal color #685fd7 has RGB values of R:104, G:95, B:215 and CMYK values of C:0.52, M:0.56, Y:0, K:0.16. Its decimal value is 6840279.

Hex triplet	685fd7	`#685fd7`
RGB Decimal	104, 95, 215	`rgb(104,95,215)`
RGB Percent	40.8, 37.3, 84.3	`rgb(40.8%,37.3%,84.3%)`
CMYK	52, 56, 0, 16
HSL	244.5°, 60, 60.8	`hsl(244.5,60%,60.8%)`
HSV (or HSB)	244.5°, 55.8, 84.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.018, 35.666, -60.796
XYZ	22.065, 16.033, 66.218
xyY	0.212, 0.154, 16.033
CIE-LCH	47.018, 70.486, 300.398
CIE-LUV	47.018, -3.961, -95.03
Hunter-Lab	40.041, 28.289, -70.022
Binary	01101000, 01011111, 11010111

#685fd7
```
#685fd7 rgb(104,95,215)
```
#ced75f
```
#ced75f rgb(206,215,95)
```

Complementary Color

#5f92d7
```
#5f92d7 rgb(95,146,215)
```
#685fd7
```
#685fd7 rgb(104,95,215)
```
#a45fd7
```
#a45fd7 rgb(164,95,215)
```

Analogous Color

#92d75f
```
#92d75f rgb(146,215,95)
```
#685fd7
```
#685fd7 rgb(104,95,215)
```
#d7a45f
```
#d7a45f rgb(215,164,95)
```

Split Complementary Color

#5fd768
```
#5fd768 rgb(95,215,104)
```
#685fd7
```
#685fd7 rgb(104,95,215)
```
#d7685f
```
#d7685f rgb(215,104,95)
```

Triadic Color

#5fced7
```
#5fced7 rgb(95,206,215)
```
#685fd7
```
#685fd7 rgb(104,95,215)
```
#d7685f
```
#d7685f rgb(215,104,95)
```
#ced75f
```
#ced75f rgb(206,215,95)
```

Tetradic Color

#392fbb
```
#392fbb rgb(57,47,187)
```
#4136cd
```
#4136cd rgb(65,54,205)
```
#554bd2
```
#554bd2 rgb(85,75,210)
```
#685fd7
```
#685fd7 rgb(104,95,215)
```
#7b73dc
```
#7b73dc rgb(123,115,220)
```
#8f88e1
```
#8f88e1 rgb(143,136,225)
```
#a29ce6
```
#a29ce6 rgb(162,156,230)
```

Monochromatic Color

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

#5f74d7
```
#5f74d7 rgb(95,116,215)
```
#5f6ad7
```
#5f6ad7 rgb(95,106,215)
```
#5f60d7
```
#5f60d7 rgb(95,96,215)
```
#685fd7
```
#685fd7 rgb(104,95,215)
```
#725fd7
```
#725fd7 rgb(114,95,215)
```
#7c5fd7
```
#7c5fd7 rgb(124,95,215)
```
#865fd7
```
#865fd7 rgb(134,95,215)
```

Similar Colors

Text with hexadecimal color #685fd7

This text has a font color of #685fd7.

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

#685fd7 background color

This paragraph has a background color of #685fd7.

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

#685fd7 border color

This element has a border color of #685fd7.

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

CSS codes

.text {color:#685fd7;}

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

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

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, #04030d is the darkest color, while #fcfcfe is the lightest one.

#04030d
```
#04030d rgb(4,3,13)
```
#09071c
```
#09071c rgb(9,7,28)
```
#0d0b2c
```
#0d0b2c rgb(13,11,44)
```
#120f3c
```
#120f3c rgb(18,15,60)
```
#17134b
```
#17134b rgb(23,19,75)
```
#1c175b
```
#1c175b rgb(28,23,91)
```
#211b6b
```
#211b6b rgb(33,27,107)
```
#261f7a
```
#261f7a rgb(38,31,122)
```
#2a238a
```
#2a238a rgb(42,35,138)
```
#2f269a
```
#2f269a rgb(47,38,154)
```
#342aaa
```
#342aaa rgb(52,42,170)
```
#392eb9
```
#392eb9 rgb(57,46,185)
```
#3e32c9
```
#3e32c9 rgb(62,50,201)
```

Shade Color Variation

#4a40cf
```
#4a40cf rgb(74,64,207)
```
#594fd3
```
#594fd3 rgb(89,79,211)
```
#685fd7
```
#685fd7 rgb(104,95,215)
```
#776fdb
```
#776fdb rgb(119,111,219)
```
#867edf
```
#867edf rgb(134,126,223)
```
#948ee3
```
#948ee3 rgb(148,142,227)
```
#a39ee7
```
#a39ee7 rgb(163,158,231)
```
#b2adeb
```
#b2adeb rgb(178,173,235)
```
#c1bdef
```
#c1bdef rgb(193,189,239)
```
#d0cdf2
```
#d0cdf2 rgb(208,205,242)
```
#deddf6
```
#deddf6 rgb(222,221,246)
```
#edecfa
```
#edecfa rgb(237,236,250)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9695a1 is the less saturated color, while #4739fd is the most saturated one.

#9695a1
```
#9695a1 rgb(150,149,161)
```
#8f8da9
```
#8f8da9 rgb(143,141,169)
```
#8985b1
```
#8985b1 rgb(137,133,177)
```
#827eb8
```
#827eb8 rgb(130,126,184)
```
#7c76c0
```
#7c76c0 rgb(124,118,192)
```
#756ec8
```
#756ec8 rgb(117,110,200)
```
#6f67cf
```
#6f67cf rgb(111,103,207)
```
#685fd7
```
#685fd7 rgb(104,95,215)
```
#6157df
```
#6157df rgb(97,87,223)
```
#5b50e6
```
#5b50e6 rgb(91,80,230)
```
#5448ee
```
#5448ee rgb(84,72,238)
```
#4e40f6
```
#4e40f6 rgb(78,64,246)
```
#4739fd
```
#4739fd rgb(71,57,253)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#6e6c84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e2 Protanopia 1% of men
#0079c8 Deuteranopia 1% of men
#4d7e87 Tritanopia 0.001% of the population

Trichromacy

#256bde Protanomaly 1% of men, 0.01% of women
#256fcd Deuteranomaly 6% of men, 0.4% of women
#5772a4 Tritanomaly 0.01% of the population

#685fd7 hex color

#685fd7 Color Information

#685fd7 Color Conversion

Color Schemes with #685fd7

Alternatives to #685fd7

#685fd7 Preview

Shades and Tints of #685fd7

Tones of #685fd7

Color Blindness Simulator