#686475 hex color

In a RGB color space, hex #686475 is composed of 40.8% red, 39.2% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 11.1% cyan, 14.5% magenta, 0% yellow and 54.1% black. It has a hue angle of 254.1 degrees, a saturation of 7.8% and a lightness of 42.5%. #686475 color hex could be obtained by blending #d0c8ea with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 41
- G 39
- B 46
RGB color chart
- C 11
- M 15
- Y 0
- K 54
CMYK color chart

● #686475 color description : Dark grayish blue.

The hexadecimal color #686475 has RGB values of R:104, G:100, B:117 and CMYK values of C:0.11, M:0.15, Y:0, K:0.54. Its decimal value is 6841461.

Hex triplet	686475	`#686475`
RGB Decimal	104, 100, 117	`rgb(104,100,117)`
RGB Percent	40.8, 39.2, 45.9	`rgb(40.8%,39.2%,45.9%)`
CMYK	11, 15, 0, 54
HSL	254.1°, 7.8, 42.5	`hsl(254.1,7.8%,42.5%)`
HSV (or HSB)	254.1°, 14.5, 45.9
Web Safe	666666	`#666666`

CIE-LAB	43.274, 5.234, -8.963
XYZ	13.476, 13.342, 18.694
xyY	0.296, 0.293, 13.342
CIE-LCH	43.274, 10.379, 300.286
CIE-LUV	43.274, 1.15, -12.99
Hunter-Lab	36.526, 1.937, -4.776
Binary	01101000, 01100100, 01110101

#686475
```
#686475 rgb(104,100,117)
```
#717564
```
#717564 rgb(113,117,100)
```

Complementary Color

#646975
```
#646975 rgb(100,105,117)
```
#686475
```
#686475 rgb(104,100,117)
```
#716475
```
#716475 rgb(113,100,117)
```

Analogous Color

#697564
```
#697564 rgb(105,117,100)
```
#686475
```
#686475 rgb(104,100,117)
```
#757164
```
#757164 rgb(117,113,100)
```

Split Complementary Color

#647568
```
#647568 rgb(100,117,104)
```
#686475
```
#686475 rgb(104,100,117)
```
#756864
```
#756864 rgb(117,104,100)
```

Triadic Color

#647175
```
#647175 rgb(100,113,117)
```
#686475
```
#686475 rgb(104,100,117)
```
#756864
```
#756864 rgb(117,104,100)
```
#717564
```
#717564 rgb(113,117,100)
```

Tetradic Color

#43414c
```
#43414c rgb(67,65,76)
```
#504c5a
```
#504c5a rgb(80,76,90)
```
#5c5867
```
#5c5867 rgb(92,88,103)
```
#686475
```
#686475 rgb(104,100,117)
```
#747083
```
#747083 rgb(116,112,131)
```
#817d8f
```
#817d8f rgb(129,125,143)
```
#8e8a9b
```
#8e8a9b rgb(142,138,155)
```

Monochromatic Color

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

#646475
```
#646475 rgb(100,100,117)
```
#656475
```
#656475 rgb(101,100,117)
```
#676475
```
#676475 rgb(103,100,117)
```
#686475
```
#686475 rgb(104,100,117)
```
#696475
```
#696475 rgb(105,100,117)
```
#6b6475
```
#6b6475 rgb(107,100,117)
```
#6c6475
```
#6c6475 rgb(108,100,117)
```

Similar Colors

Text with hexadecimal color #686475

This text has a font color of #686475.

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

#686475 background color

This paragraph has a background color of #686475.

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

#686475 border color

This element has a border color of #686475.

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

CSS codes

.text {color:#686475;}

.background {background-color:#686475;}

.border {border:1px solid #686475;}

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 #f5f5f7 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0a0a0b
```
#0a0a0b rgb(10,10,11)
```
#131316
```
#131316 rgb(19,19,22)
```
#1d1c20
```
#1d1c20 rgb(29,28,32)
```
#26252b
```
#26252b rgb(38,37,43)
```
#302e36
```
#302e36 rgb(48,46,54)
```
#393740
```
#393740 rgb(57,55,64)
```
#42404b
```
#42404b rgb(66,64,75)
```
#4c4955
```
#4c4955 rgb(76,73,85)
```
#555260
```
#555260 rgb(85,82,96)
```
#5f5b6a
```
#5f5b6a rgb(95,91,106)
```
#686475
```
#686475 rgb(104,100,117)
```
#716d80
```
#716d80 rgb(113,109,128)
```

Shade Color Variation

#7b768a
```
#7b768a rgb(123,118,138)
```
#858193
```
#858193 rgb(133,129,147)
```
#8f8b9c
```
#8f8b9c rgb(143,139,156)
```
#9996a5
```
#9996a5 rgb(153,150,165)
```
#a4a0ae
```
#a4a0ae rgb(164,160,174)
```
#aeabb7
```
#aeabb7 rgb(174,171,183)
```
#b8b6c0
```
#b8b6c0 rgb(184,182,192)
```
#c2c0c9
```
#c2c0c9 rgb(194,192,201)
```
#cdcbd2
```
#cdcbd2 rgb(205,203,210)
```
#d7d5db
```
#d7d5db rgb(215,213,219)
```
#e1e0e4
```
#e1e0e4 rgb(225,224,228)
```
#ebebed
```
#ebebed rgb(235,235,237)
```
#f5f5f7
```
#f5f5f7 rgb(245,245,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6c6d is the less saturated color, while #3708d1 is the most saturated one.

#6c6c6d
```
#6c6c6d rgb(108,108,109)
```
#686475
```
#686475 rgb(104,100,117)
```
#645c7d
```
#645c7d rgb(100,92,125)
```
#5f5386
```
#5f5386 rgb(95,83,134)
```
#5b4b8e
```
#5b4b8e rgb(91,75,142)
```
#564396
```
#564396 rgb(86,67,150)
```
#523a9f
```
#523a9f rgb(82,58,159)
```
#4d32a7
```
#4d32a7 rgb(77,50,167)
```
#492aaf
```
#492aaf rgb(73,42,175)
```
#4521b8
```
#4521b8 rgb(69,33,184)
```
#4019c0
```
#4019c0 rgb(64,25,192)
```
#3c11c8
```
#3c11c8 rgb(60,17,200)
```
#3708d1
```
#3708d1 rgb(55,8,209)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#67666a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b6d7c Protanopia 1% of men
#716b7c Deuteranopia 1% of men
#6e6d75 Tritanopia 0.001% of the population

Trichromacy

#6a697a Protanomaly 1% of men, 0.01% of women
#6d6879 Deuteranomaly 6% of men, 0.4% of women
#6c6975 Tritanomaly 0.01% of the population

#686475 hex color

#686475 Color Information

#686475 Color Conversion

Color Schemes with #686475

Alternatives to #686475

#686475 Preview

Shades and Tints of #686475

Tones of #686475

Color Blindness Simulator