#685fb0 hex color

In a RGB color space, hex #685fb0 is composed of 40.8% red, 37.3% green and 69% blue. Whereas in a CMYK color space, it is composed of 40.9% cyan, 46% magenta, 0% yellow and 31% black. It has a hue angle of 246.7 degrees, a saturation of 33.9% and a lightness of 53.1%. #685fb0 color hex could be obtained by blending #d0beff with #000061. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 37
- B 69
RGB color chart
- C 41
- M 46
- Y 0
- K 31
CMYK color chart

● #685fb0 color description : Dark moderate blue.

The hexadecimal color #685fb0 has RGB values of R:104, G:95, B:176 and CMYK values of C:0.41, M:0.46, Y:0, K:0.31. Its decimal value is 6840240.

Hex triplet	685fb0	`#685fb0`
RGB Decimal	104, 95, 176	`rgb(104,95,176)`
RGB Percent	40.8, 37.3, 69	`rgb(40.8%,37.3%,69%)`
CMYK	41, 46, 0, 31
HSL	246.7°, 33.9, 53.1	`hsl(246.7,33.9%,53.1%)`
HSV (or HSB)	246.7°, 46, 69
Web Safe	666699	`#666699`

CIE-LAB	44.606, 23.951, -42.123
XYZ	17.636, 14.262, 42.895
xyY	0.236, 0.191, 14.262
CIE-LCH	44.606, 48.456, 299.623
CIE-LUV	44.606, -1.17, -64.969
Hunter-Lab	37.765, 17.271, -40.91
Binary	01101000, 01011111, 10110000

#685fb0
```
#685fb0 rgb(104,95,176)
```
#a7b05f
```
#a7b05f rgb(167,176,95)
```

Complementary Color

#5f7fb0
```
#5f7fb0 rgb(95,127,176)
```
#685fb0
```
#685fb0 rgb(104,95,176)
```
#915fb0
```
#915fb0 rgb(145,95,176)
```

Analogous Color

#7fb05f
```
#7fb05f rgb(127,176,95)
```
#685fb0
```
#685fb0 rgb(104,95,176)
```
#b0915f
```
#b0915f rgb(176,145,95)
```

Split Complementary Color

#5fb068
```
#5fb068 rgb(95,176,104)
```
#685fb0
```
#685fb0 rgb(104,95,176)
```
#b0685f
```
#b0685f rgb(176,104,95)
```

Triadic Color

#5fa7b0
```
#5fa7b0 rgb(95,167,176)
```
#685fb0
```
#685fb0 rgb(104,95,176)
```
#b0685f
```
#b0685f rgb(176,104,95)
```
#a7b05f
```
#a7b05f rgb(167,176,95)
```

Tetradic Color

#484082
```
#484082 rgb(72,64,130)
```
#514993
```
#514993 rgb(81,73,147)
```
#5a51a4
```
#5a51a4 rgb(90,81,164)
```
#685fb0
```
#685fb0 rgb(104,95,176)
```
#7870b8
```
#7870b8 rgb(120,112,184)
```
#8881c1
```
#8881c1 rgb(136,129,193)
```
#9892c9
```
#9892c9 rgb(152,146,201)
```

Monochromatic Color

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

#5f6ab0
```
#5f6ab0 rgb(95,106,176)
```
#5f64b0
```
#5f64b0 rgb(95,100,176)
```
#615fb0
```
#615fb0 rgb(97,95,176)
```
#685fb0
```
#685fb0 rgb(104,95,176)
```
#6f5fb0
```
#6f5fb0 rgb(111,95,176)
```
#765fb0
```
#765fb0 rgb(118,95,176)
```
#7c5fb0
```
#7c5fb0 rgb(124,95,176)
```

Similar Colors

Text with hexadecimal color #685fb0

This text has a font color of #685fb0.

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

#685fb0 background color

This paragraph has a background color of #685fb0.

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

#685fb0 border color

This element has a border color of #685fb0.

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

CSS codes

.text {color:#685fb0;}

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

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

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

#06050b
```
#06050b rgb(6,5,11)
```
#0d0c18
```
#0d0c18 rgb(13,12,24)
```
#141225
```
#141225 rgb(20,18,37)
```
#1c1932
```
#1c1932 rgb(28,25,50)
```
#231f3f
```
#231f3f rgb(35,31,63)
```
#2a264c
```
#2a264c rgb(42,38,76)
```
#312c5a
```
#312c5a rgb(49,44,90)
```
#383367
```
#383367 rgb(56,51,103)
```
#403974
```
#403974 rgb(64,57,116)
```
#474081
```
#474081 rgb(71,64,129)
```
#4e468e
```
#4e468e rgb(78,70,142)
```
#554d9b
```
#554d9b rgb(85,77,155)
```
#5d53a8
```
#5d53a8 rgb(93,83,168)
```

Shade Color Variation

#685fb0
```
#685fb0 rgb(104,95,176)
```
#746cb6
```
#746cb6 rgb(116,108,182)
```
#8179bd
```
#8179bd rgb(129,121,189)
```
#8d86c3
```
#8d86c3 rgb(141,134,195)
```
#9a94ca
```
#9a94ca rgb(154,148,202)
```
#a6a1d0
```
#a6a1d0 rgb(166,161,208)
```
#b2aed7
```
#b2aed7 rgb(178,174,215)
```
#bfbbdd
```
#bfbbdd rgb(191,187,221)
```
#cbc8e4
```
#cbc8e4 rgb(203,200,228)
```
#d8d5ea
```
#d8d5ea rgb(216,213,234)
```
#e4e2f1
```
#e4e2f1 rgb(228,226,241)
```
#f0eff7
```
#f0eff7 rgb(240,239,247)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #85848b is the less saturated color, while #2f15fa is the most saturated one.

#85848b
```
#85848b rgb(133,132,139)
```
#7d7b94
```
#7d7b94 rgb(125,123,148)
```
#76719e
```
#76719e rgb(118,113,158)
```
#6f68a7
```
#6f68a7 rgb(111,104,167)
```
#685fb0
```
#685fb0 rgb(104,95,176)
```
#6156b9
```
#6156b9 rgb(97,86,185)
```
#5a4dc2
```
#5a4dc2 rgb(90,77,194)
```
#5343cc
```
#5343cc rgb(83,67,204)
```
#4b3ad5
```
#4b3ad5 rgb(75,58,213)
```
#4431de
```
#4431de rgb(68,49,222)
```
#3d28e7
```
#3d28e7 rgb(61,40,231)
```
#361ff0
```
#361ff0 rgb(54,31,240)
```
#2f15fa
```
#2f15fa rgb(47,21,250)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#6a6979 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c6eba Protanopia 1% of men
#4671b0 Deuteranopia 1% of men
#5f747d Tritanopia 0.001% of the population

Trichromacy

#5669b6 Protanomaly 1% of men, 0.01% of women
#526ab0 Deuteranomaly 6% of men, 0.4% of women
#626c8f Tritanomaly 0.01% of the population

#685fb0 hex color

#685fb0 Color Information

#685fb0 Color Conversion

Color Schemes with #685fb0

Alternatives to #685fb0

#685fb0 Preview

Shades and Tints of #685fb0

Tones of #685fb0

Color Blindness Simulator