#686bfb hex color

In a RGB color space, hex #686bfb is composed of 40.8% red, 42% green and 98.4% blue. Whereas in a CMYK color space, it is composed of 58.6% cyan, 57.4% magenta, 0% yellow and 1.6% black. It has a hue angle of 238.8 degrees, a saturation of 94.8% and a lightness of 69.6%. #686bfb color hex could be obtained by blending #d0d6ff with #0000f7. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 41
- G 42
- B 98
RGB color chart
- C 59
- M 57
- Y 0
- K 2
CMYK color chart

● #686bfb color description : Soft blue.

The hexadecimal color #686bfb has RGB values of R:104, G:107, B:251 and CMYK values of C:0.59, M:0.57, Y:0, K:0.02. Its decimal value is 6843387.

Hex triplet	686bfb	`#686bfb`
RGB Decimal	104, 107, 251	`rgb(104,107,251)`
RGB Percent	40.8, 42, 98.4	`rgb(40.8%,42%,98.4%)`
CMYK	59, 57, 0, 2
HSL	238.8°, 94.8, 69.6	`hsl(238.8,94.8%,69.6%)`
HSV (or HSB)	238.8°, 58.6, 98.4
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.311, 39.729, -72.462
XYZ	28.376, 20.422, 93.708
xyY	0.199, 0.143, 20.422
CIE-LCH	52.311, 82.639, 298.735
CIE-LUV	52.311, -9.202, -115.526
Hunter-Lab	45.191, 32.997, -91.31
Binary	01101000, 01101011, 11111011

#686bfb
```
#686bfb rgb(104,107,251)
```
#fbf868
```
#fbf868 rgb(251,248,104)
```

Complementary Color

#68b5fb
```
#68b5fb rgb(104,181,251)
```
#686bfb
```
#686bfb rgb(104,107,251)
```
#af68fb
```
#af68fb rgb(175,104,251)
```

Analogous Color

#b5fb68
```
#b5fb68 rgb(181,251,104)
```
#686bfb
```
#686bfb rgb(104,107,251)
```
#fbaf68
```
#fbaf68 rgb(251,175,104)
```

Split Complementary Color

#6bfb68
```
#6bfb68 rgb(107,251,104)
```
#686bfb
```
#686bfb rgb(104,107,251)
```
#fb686b
```
#fb686b rgb(251,104,107)
```

Triadic Color

#68fbf8
```
#68fbf8 rgb(104,251,248)
```
#686bfb
```
#686bfb rgb(104,107,251)
```
#fb686b
```
#fb686b rgb(251,104,107)
```
#fbf868
```
#fbf868 rgb(251,248,104)
```

Tetradic Color

#1d22f9
```
#1d22f9 rgb(29,34,249)
```
#363afa
```
#363afa rgb(54,58,250)
```
#4f53fa
```
#4f53fa rgb(79,83,250)
```
#686bfb
```
#686bfb rgb(104,107,251)
```
#8183fc
```
#8183fc rgb(129,131,252)
```
#9a9cfc
```
#9a9cfc rgb(154,156,252)
```
#b3b4fd
```
#b3b4fd rgb(179,180,253)
```

Monochromatic Color

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

#6890fb
```
#6890fb rgb(104,144,251)
```
#6884fb
```
#6884fb rgb(104,132,251)
```
#6877fb
```
#6877fb rgb(104,119,251)
```
#686bfb
```
#686bfb rgb(104,107,251)
```
#7168fb
```
#7168fb rgb(113,104,251)
```
#7e68fb
```
#7e68fb rgb(126,104,251)
```
#8a68fb
```
#8a68fb rgb(138,104,251)
```

Similar Colors

Text with hexadecimal color #686bfb

This text has a font color of #686bfb.

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

#686bfb background color

This paragraph has a background color of #686bfb.

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

#686bfb border color

This element has a border color of #686bfb.

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

CSS codes

.text {color:#686bfb;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#010115
```
#010115 rgb(1,1,21)
```
#010228
```
#010228 rgb(1,2,40)
```
#02033b
```
#02033b rgb(2,3,59)
```
#02044e
```
#02044e rgb(2,4,78)
```
#030561
```
#030561 rgb(3,5,97)
```
#030575
```
#030575 rgb(3,5,117)
```
#040688
```
#040688 rgb(4,6,136)
```
#04079b
```
#04079b rgb(4,7,155)
```
#0508ae
```
#0508ae rgb(5,8,174)
```
#0509c1
```
#0509c1 rgb(5,9,193)
```
#060ad4
```
#060ad4 rgb(6,10,212)
```
#060be7
```
#060be7 rgb(6,11,231)
```

Shade Color Variation

#080df8
```
#080df8 rgb(8,13,248)
```
#1c20f9
```
#1c20f9 rgb(28,32,249)
```
#2f33f9
```
#2f33f9 rgb(47,51,249)
```
#4246fa
```
#4246fa rgb(66,70,250)
```
#5558fa
```
#5558fa rgb(85,88,250)
```
#686bfb
```
#686bfb rgb(104,107,251)
```
#7b7efc
```
#7b7efc rgb(123,126,252)
```
#8e90fc
```
#8e90fc rgb(142,144,252)
```
#a1a3fd
```
#a1a3fd rgb(161,163,253)
```
#b4b6fd
```
#b4b6fd rgb(180,182,253)
```
#c8c9fe
```
#c8c9fe rgb(200,201,254)
```
#dbdbfe
```
#dbdbfe rgb(219,219,254)
```
#eeeeff
```
#eeeeff rgb(238,238,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #b0b0b3 is the less saturated color, while #686bfb is the most saturated one.

#b0b0b3
```
#b0b0b3 rgb(176,176,179)
```
#aaaab9
```
#aaaab9 rgb(170,170,185)
```
#a4a4bf
```
#a4a4bf rgb(164,164,191)
```
#9e9ec5
```
#9e9ec5 rgb(158,158,197)
```
#9899cb
```
#9899cb rgb(152,153,203)
```
#9293d1
```
#9293d1 rgb(146,147,209)
```
#8c8dd7
```
#8c8dd7 rgb(140,141,215)
```
#8688dd
```
#8688dd rgb(134,136,221)
```
#8082e3
```
#8082e3 rgb(128,130,227)
```
#7a7ce9
```
#7a7ce9 rgb(122,124,233)
```
#7476ef
```
#7476ef rgb(116,118,239)
```
#6e71f5
```
#6e71f5 rgb(110,113,245)
```
#686bfb
```
#686bfb rgb(104,107,251)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#777895 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007ff9 Protanopia 1% of men
#0086db Deuteranopia 1% of men
#328f99 Tritanopia 0.001% of the population

Trichromacy

#2578fa Protanomaly 1% of men, 0.01% of women
#257ce7 Deuteranomaly 6% of men, 0.4% of women
#4681bc Tritanomaly 0.01% of the population

#686bfb hex color

#686bfb Color Information

#686bfb Color Conversion

Color Schemes with #686bfb

Alternatives to #686bfb

#686bfb Preview

Shades and Tints of #686bfb

Tones of #686bfb

Color Blindness Simulator