#686bfc hex color

In a RGB color space, hex #686bfc is composed of 40.8% red, 42% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 57.5% magenta, 0% yellow and 1.2% black. It has a hue angle of 238.8 degrees, a saturation of 96.1% and a lightness of 69.8%. #686bfc color hex could be obtained by blending #d0d6ff with #0000f9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 41
- G 42
- B 99
RGB color chart
- C 59
- M 58
- Y 0
- K 1
CMYK color chart

● #686bfc color description : Soft blue.

The hexadecimal color #686bfc has RGB values of R:104, G:107, B:252 and CMYK values of C:0.59, M:0.58, Y:0, K:0.01. Its decimal value is 6843388.

Hex triplet	686bfc	`#686bfc`
RGB Decimal	104, 107, 252	`rgb(104,107,252)`
RGB Percent	40.8, 42, 98.8	`rgb(40.8%,42%,98.8%)`
CMYK	59, 58, 0, 1
HSL	238.8°, 96.1, 69.8	`hsl(238.8,96.1%,69.8%)`
HSV (or HSB)	238.8°, 58.7, 98.8
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.382, 40.045, -72.902
XYZ	28.534, 20.485, 94.541
xyY	0.199, 0.143, 20.485
CIE-LCH	52.382, 83.177, 298.78
CIE-LUV	52.382, -9.25, -116.238
Hunter-Lab	45.261, 33.325, -92.162
Binary	01101000, 01101011, 11111100

#686bfc
```
#686bfc rgb(104,107,252)
```
#fcf968
```
#fcf968 rgb(252,249,104)
```

Complementary Color

#68b5fc
```
#68b5fc rgb(104,181,252)
```
#686bfc
```
#686bfc rgb(104,107,252)
```
#af68fc
```
#af68fc rgb(175,104,252)
```

Analogous Color

#b5fc68
```
#b5fc68 rgb(181,252,104)
```
#686bfc
```
#686bfc rgb(104,107,252)
```
#fcaf68
```
#fcaf68 rgb(252,175,104)
```

Split Complementary Color

#6bfc68
```
#6bfc68 rgb(107,252,104)
```
#686bfc
```
#686bfc rgb(104,107,252)
```
#fc686b
```
#fc686b rgb(252,104,107)
```

Triadic Color

#68fcf9
```
#68fcf9 rgb(104,252,249)
```
#686bfc
```
#686bfc rgb(104,107,252)
```
#fc686b
```
#fc686b rgb(252,104,107)
```
#fcf968
```
#fcf968 rgb(252,249,104)
```

Tetradic Color

#1d21fb
```
#1d21fb rgb(29,33,251)
```
#363afb
```
#363afb rgb(54,58,251)
```
#4f52fc
```
#4f52fc rgb(79,82,252)
```
#686bfc
```
#686bfc rgb(104,107,252)
```
#8184fc
```
#8184fc rgb(129,132,252)
```
#9a9cfd
```
#9a9cfd rgb(154,156,253)
```
#b3b5fd
```
#b3b5fd rgb(179,181,253)
```

Monochromatic Color

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

#6890fc
```
#6890fc rgb(104,144,252)
```
#6884fc
```
#6884fc rgb(104,132,252)
```
#6877fc
```
#6877fc rgb(104,119,252)
```
#686bfc
```
#686bfc rgb(104,107,252)
```
#7168fc
```
#7168fc rgb(113,104,252)
```
#7e68fc
```
#7e68fc rgb(126,104,252)
```
#8a68fc
```
#8a68fc rgb(138,104,252)
```

Similar Colors

Text with hexadecimal color #686bfc

This text has a font color of #686bfc.

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

#686bfc background color

This paragraph has a background color of #686bfc.

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

#686bfc border color

This element has a border color of #686bfc.

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

CSS codes

.text {color:#686bfc;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#000116
```
#000116 rgb(0,1,22)
```
#010229
```
#010229 rgb(1,2,41)
```
#01023d
```
#01023d rgb(1,2,61)
```
#020350
```
#020350 rgb(2,3,80)
```
#020463
```
#020463 rgb(2,4,99)
```
#020576
```
#020576 rgb(2,5,118)
```
#030589
```
#030589 rgb(3,5,137)
```
#03069d
```
#03069d rgb(3,6,157)
```
#0307b0
```
#0307b0 rgb(3,7,176)
```
#0408c3
```
#0408c3 rgb(4,8,195)
```
#0409d6
```
#0409d6 rgb(4,9,214)
```
#0509ea
```
#0509ea rgb(5,9,234)
```

Shade Color Variation

#080dfa
```
#080dfa rgb(8,13,250)
```
#1b20fa
```
#1b20fa rgb(27,32,250)
```
#2e32fb
```
#2e32fb rgb(46,50,251)
```
#4245fb
```
#4245fb rgb(66,69,251)
```
#5558fc
```
#5558fc rgb(85,88,252)
```
#686bfc
```
#686bfc rgb(104,107,252)
```
#7b7efc
```
#7b7efc rgb(123,126,252)
```
#8e91fd
```
#8e91fd rgb(142,145,253)
```
#a2a4fd
```
#a2a4fd rgb(162,164,253)
```
#b5b6fe
```
#b5b6fe rgb(181,182,254)
```
#c8c9fe
```
#c8c9fe rgb(200,201,254)
```
#dbdcfe
```
#dbdcfe rgb(219,220,254)
```
#efefff
```
#efefff rgb(239,239,255)
```

Tint Color Variation

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

#afafb5
```
#afafb5 rgb(175,175,181)
```
#a9aabb
```
#a9aabb rgb(169,170,187)
```
#a3a4c1
```
#a3a4c1 rgb(163,164,193)
```
#9d9ec7
```
#9d9ec7 rgb(157,158,199)
```
#9798cd
```
#9798cd rgb(151,152,205)
```
#9193d3
```
#9193d3 rgb(145,147,211)
```
#8c8dd8
```
#8c8dd8 rgb(140,141,216)
```
#8687de
```
#8687de rgb(134,135,222)
```
#8082e4
```
#8082e4 rgb(128,130,228)
```
#7a7cea
```
#7a7cea rgb(122,124,234)
```
#7476f0
```
#7476f0 rgb(116,118,240)
```
#6e71f6
```
#6e71f6 rgb(110,113,246)
```
#686bfc
```
#686bfc rgb(104,107,252)
```

Tone Color Variation

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

#007ffa Protanopia 1% of men
#0086db Deuteranopia 1% of men
#318f99 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
#4582bd Tritanomaly 0.01% of the population

#686bfc hex color

#686bfc Color Information

#686bfc Color Conversion

Color Schemes with #686bfc

Alternatives to #686bfc

#686bfc Preview

Shades and Tints of #686bfc

Tones of #686bfc

Color Blindness Simulator