#685fa2 hex color

In a RGB color space, hex #685fa2 is composed of 40.8% red, 37.3% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 35.8% cyan, 41.4% magenta, 0% yellow and 36.5% black. It has a hue angle of 248.1 degrees, a saturation of 26.5% and a lightness of 50.4%. #685fa2 color hex could be obtained by blending #d0beff with #000045. Closest websafe color is: #666699.

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

● #685fa2 color description : Mostly desaturated dark blue.

The hexadecimal color #685fa2 has RGB values of R:104, G:95, B:162 and CMYK values of C:0.36, M:0.41, Y:0, K:0.36. Its decimal value is 6840226.

Hex triplet	685fa2	`#685fa2`
RGB Decimal	104, 95, 162	`rgb(104,95,162)`
RGB Percent	40.8, 37.3, 63.5	`rgb(40.8%,37.3%,63.5%)`
CMYK	36, 41, 0, 36
HSL	248.1°, 26.5, 50.4	`hsl(248.1,26.5%,50.4%)`
HSV (or HSB)	248.1°, 41.4, 63.5
Web Safe	666699	`#666699`

CIE-LAB	43.852, 19.932, -35.068
XYZ	16.322, 13.736, 35.972
xyY	0.247, 0.208, 13.736
CIE-LCH	43.852, 40.337, 299.614
CIE-LUV	43.852, -0.096, -53.606
Hunter-Lab	37.062, 13.75, -31.603
Binary	01101000, 01011111, 10100010

#685fa2
```
#685fa2 rgb(104,95,162)
```
#99a25f
```
#99a25f rgb(153,162,95)
```

Complementary Color

#5f78a2
```
#5f78a2 rgb(95,120,162)
```
#685fa2
```
#685fa2 rgb(104,95,162)
```
#8a5fa2
```
#8a5fa2 rgb(138,95,162)
```

Analogous Color

#78a25f
```
#78a25f rgb(120,162,95)
```
#685fa2
```
#685fa2 rgb(104,95,162)
```
#a28a5f
```
#a28a5f rgb(162,138,95)
```

Split Complementary Color

#5fa268
```
#5fa268 rgb(95,162,104)
```
#685fa2
```
#685fa2 rgb(104,95,162)
```
#a2685f
```
#a2685f rgb(162,104,95)
```

Triadic Color

#5f99a2
```
#5f99a2 rgb(95,153,162)
```
#685fa2
```
#685fa2 rgb(104,95,162)
```
#a2685f
```
#a2685f rgb(162,104,95)
```
#99a25f
```
#99a25f rgb(153,162,95)
```

Tetradic Color

#494272
```
#494272 rgb(73,66,114)
```
#534c82
```
#534c82 rgb(83,76,130)
```
#5d5592
```
#5d5592 rgb(93,85,146)
```
#685fa2
```
#685fa2 rgb(104,95,162)
```
#776fab
```
#776fab rgb(119,111,171)
```
#867fb5
```
#867fb5 rgb(134,127,181)
```
#968fbe
```
#968fbe rgb(150,143,190)
```

Monochromatic Color

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

#5f67a2
```
#5f67a2 rgb(95,103,162)
```
#5f61a2
```
#5f61a2 rgb(95,97,162)
```
#625fa2
```
#625fa2 rgb(98,95,162)
```
#685fa2
```
#685fa2 rgb(104,95,162)
```
#6e5fa2
```
#6e5fa2 rgb(110,95,162)
```
#735fa2
```
#735fa2 rgb(115,95,162)
```
#795fa2
```
#795fa2 rgb(121,95,162)
```

Similar Colors

Text with hexadecimal color #685fa2

This text has a font color of #685fa2.

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

#685fa2 background color

This paragraph has a background color of #685fa2.

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

#685fa2 border color

This element has a border color of #685fa2.

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

CSS codes

.text {color:#685fa2;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#09080e
```
#09080e rgb(9,8,14)
```
#110f1a
```
#110f1a rgb(17,15,26)
```
#191626
```
#191626 rgb(25,22,38)
```
#201e33
```
#201e33 rgb(32,30,51)
```
#28253f
```
#28253f rgb(40,37,63)
```
#302c4c
```
#302c4c rgb(48,44,76)
```
#383358
```
#383358 rgb(56,51,88)
```
#403a65
```
#403a65 rgb(64,58,101)
```
#484271
```
#484271 rgb(72,66,113)
```
#50497d
```
#50497d rgb(80,73,125)
```
#58508a
```
#58508a rgb(88,80,138)
```
#605796
```
#605796 rgb(96,87,150)
```

Shade Color Variation

#685fa2
```
#685fa2 rgb(104,95,162)
```
#746ba9
```
#746ba9 rgb(116,107,169)
```
#7f78b0
```
#7f78b0 rgb(127,120,176)
```
#8b84b8
```
#8b84b8 rgb(139,132,184)
```
#9791bf
```
#9791bf rgb(151,145,191)
```
#a39dc6
```
#a39dc6 rgb(163,157,198)
```
#aea9cd
```
#aea9cd rgb(174,169,205)
```
#bab6d4
```
#bab6d4 rgb(186,182,212)
```
#c6c2dc
```
#c6c2dc rgb(198,194,220)
```
#d1cfe3
```
#d1cfe3 rgb(209,207,227)
```
#dddbea
```
#dddbea rgb(221,219,234)
```
#e9e7f1
```
#e9e7f1 rgb(233,231,241)
```
#f4f4f9
```
#f4f4f9 rgb(244,244,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d7c85 is the less saturated color, while #2807fa is the most saturated one.

#7d7c85
```
#7d7c85 rgb(125,124,133)
```
#76728f
```
#76728f rgb(118,114,143)
```
#6f6998
```
#6f6998 rgb(111,105,152)
```
#685fa2
```
#685fa2 rgb(104,95,162)
```
#6155ac
```
#6155ac rgb(97,85,172)
```
#5a4cb5
```
#5a4cb5 rgb(90,76,181)
```
#5342bf
```
#5342bf rgb(83,66,191)
```
#4c38c9
```
#4c38c9 rgb(76,56,201)
```
#442ed3
```
#442ed3 rgb(68,46,211)
```
#3d25dc
```
#3d25dc rgb(61,37,220)
```
#361be6
```
#361be6 rgb(54,27,230)
```
#2f11f0
```
#2f11f0 rgb(47,17,240)
```
#2807fa
```
#2807fa rgb(40,7,250)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#696774 Atypical Achromatopsia 0.001% of the population

Dichromacy

#556dab Protanopia 1% of men
#536fa3 Deuteranopia 1% of men
#637179 Tritanopia 0.001% of the population

Trichromacy

#5c68a8 Protanomaly 1% of men, 0.01% of women
#5b69a3 Deuteranomaly 6% of men, 0.4% of women
#656a88 Tritanomaly 0.01% of the population

#685fa2 hex color

#685fa2 Color Information

#685fa2 Color Conversion

Color Schemes with #685fa2

Alternatives to #685fa2

#685fa2 Preview

Shades and Tints of #685fa2

Tones of #685fa2

Color Blindness Simulator