#686bb3 hex color

In a RGB color space, hex #686bb3 is composed of 40.8% red, 42% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 41.9% cyan, 40.2% magenta, 0% yellow and 29.8% black. It has a hue angle of 237.6 degrees, a saturation of 33% and a lightness of 55.5%. #686bb3 color hex could be obtained by blending #d0d6ff with #000067. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 42
- B 70
RGB color chart
- C 42
- M 40
- Y 0
- K 30
CMYK color chart

● #686bb3 color description : Slightly desaturated blue.

The hexadecimal color #686bb3 has RGB values of R:104, G:107, B:179 and CMYK values of C:0.42, M:0.4, Y:0, K:0.3. Its decimal value is 6843315.

Hex triplet	686bb3	`#686bb3`
RGB Decimal	104, 107, 179	`rgb(104,107,179)`
RGB Percent	40.8, 42, 70.2	`rgb(40.8%,42%,70.2%)`
CMYK	42, 40, 0, 30
HSL	237.6°, 33, 55.5	`hsl(237.6,33%,55.5%)`
HSV (or HSB)	237.6°, 41.9, 70.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.896, 17.461, -38.661
XYZ	19.102, 16.713, 44.865
xyY	0.237, 0.207, 16.713
CIE-LCH	47.896, 42.421, 294.306
CIE-LUV	47.896, -5.538, -60.011
Hunter-Lab	40.881, 11.862, -36.451
Binary	01101000, 01101011, 10110011

#686bb3
```
#686bb3 rgb(104,107,179)
```
#b3b068
```
#b3b068 rgb(179,176,104)
```

Complementary Color

#6891b3
```
#6891b3 rgb(104,145,179)
```
#686bb3
```
#686bb3 rgb(104,107,179)
```
#8b68b3
```
#8b68b3 rgb(139,104,179)
```

Analogous Color

#91b368
```
#91b368 rgb(145,179,104)
```
#686bb3
```
#686bb3 rgb(104,107,179)
```
#b38b68
```
#b38b68 rgb(179,139,104)
```

Split Complementary Color

#6bb368
```
#6bb368 rgb(107,179,104)
```
#686bb3
```
#686bb3 rgb(104,107,179)
```
#b3686b
```
#b3686b rgb(179,104,107)
```

Triadic Color

#68b3b0
```
#68b3b0 rgb(104,179,176)
```
#686bb3
```
#686bb3 rgb(104,107,179)
```
#b3686b
```
#b3686b rgb(179,104,107)
```
#b3b068
```
#b3b068 rgb(179,176,104)
```

Tetradic Color

#454889
```
#454889 rgb(69,72,137)
```
#4e519a
```
#4e519a rgb(78,81,154)
```
#575aaa
```
#575aaa rgb(87,90,170)
```
#686bb3
```
#686bb3 rgb(104,107,179)
```
#797cbc
```
#797cbc rgb(121,124,188)
```
#8a8cc4
```
#8a8cc4 rgb(138,140,196)
```
#9b9dcd
```
#9b9dcd rgb(155,157,205)
```

Monochromatic Color

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

#687eb3
```
#687eb3 rgb(104,126,179)
```
#6878b3
```
#6878b3 rgb(104,120,179)
```
#6871b3
```
#6871b3 rgb(104,113,179)
```
#686bb3
```
#686bb3 rgb(104,107,179)
```
#6b68b3
```
#6b68b3 rgb(107,104,179)
```
#7268b3
```
#7268b3 rgb(114,104,179)
```
#7868b3
```
#7868b3 rgb(120,104,179)
```

Similar Colors

Text with hexadecimal color #686bb3

This text has a font color of #686bb3.

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

#686bb3 background color

This paragraph has a background color of #686bb3.

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

#686bb3 border color

This element has a border color of #686bb3.

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

CSS codes

.text {color:#686bb3;}

.background {background-color:#686bb3;}

.border {border:1px solid #686bb3;}

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

#030306
```
#030306 rgb(3,3,6)
```
#090a13
```
#090a13 rgb(9,10,19)
```
#101120
```
#101120 rgb(16,17,32)
```
#17172d
```
#17172d rgb(23,23,45)
```
#1d1e3a
```
#1d1e3a rgb(29,30,58)
```
#242547
```
#242547 rgb(36,37,71)
```
#2a2c54
```
#2a2c54 rgb(42,44,84)
```
#313361
```
#313361 rgb(49,51,97)
```
#373a6e
```
#373a6e rgb(55,58,110)
```
#3e407b
```
#3e407b rgb(62,64,123)
```
#444788
```
#444788 rgb(68,71,136)
```
#4b4e95
```
#4b4e95 rgb(75,78,149)
```
#5255a2
```
#5255a2 rgb(82,85,162)
```

Shade Color Variation

#5b5eac
```
#5b5eac rgb(91,94,172)
```
#686bb3
```
#686bb3 rgb(104,107,179)
```
#7578ba
```
#7578ba rgb(117,120,186)
```
#8285c0
```
#8285c0 rgb(130,133,192)
```
#8f91c7
```
#8f91c7 rgb(143,145,199)
```
#9c9ecd
```
#9c9ecd rgb(156,158,205)
```
#a9abd4
```
#a9abd4 rgb(169,171,212)
```
#b6b8da
```
#b6b8da rgb(182,184,218)
```
#c3c5e1
```
#c3c5e1 rgb(195,197,225)
```
#d0d1e8
```
#d0d1e8 rgb(208,209,232)
```
#dddeee
```
#dddeee rgb(221,222,238)
```
#eaebf5
```
#eaebf5 rgb(234,235,245)
```
#f8f8fb
```
#f8f8fb rgb(248,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8b90 is the less saturated color, while #222bf9 is the most saturated one.

#8b8b90
```
#8b8b90 rgb(139,139,144)
```
#828399
```
#828399 rgb(130,131,153)
```
#797ba2
```
#797ba2 rgb(121,123,162)
```
#7173aa
```
#7173aa rgb(113,115,170)
```
#686bb3
```
#686bb3 rgb(104,107,179)
```
#5f63bc
```
#5f63bc rgb(95,99,188)
```
#575bc4
```
#575bc4 rgb(87,91,196)
```
#4e53cd
```
#4e53cd rgb(78,83,205)
```
#454bd6
```
#454bd6 rgb(69,75,214)
```
#3c43df
```
#3c43df rgb(60,67,223)
```
#343be7
```
#343be7 rgb(52,59,231)
```
#2b33f0
```
#2b33f0 rgb(43,51,240)
```
#222bf9
```
#222bf9 rgb(34,43,249)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#70717f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c76ba Protanopia 1% of men
#5778b4 Deuteranopia 1% of men
#607d86 Tritanopia 0.001% of the population

Trichromacy

#6072b7 Protanomaly 1% of men, 0.01% of women
#5d73b3 Deuteranomaly 6% of men, 0.4% of women
#637696 Tritanomaly 0.01% of the population

#686bb3 hex color

#686bb3 Color Information

#686bb3 Color Conversion

Color Schemes with #686bb3

Alternatives to #686bb3

#686bb3 Preview

Shades and Tints of #686bb3

Tones of #686bb3

Color Blindness Simulator