#686be2 hex color

In a RGB color space, hex #686be2 is composed of 40.8% red, 42% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 54% cyan, 52.7% magenta, 0% yellow and 11.4% black. It has a hue angle of 238.5 degrees, a saturation of 67.8% and a lightness of 64.7%. #686be2 color hex could be obtained by blending #d0d6ff with #0000c5. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 42
- B 89
RGB color chart
- C 54
- M 53
- Y 0
- K 11
CMYK color chart

● #686be2 color description : Soft blue.

The hexadecimal color #686be2 has RGB values of R:104, G:107, B:226 and CMYK values of C:0.54, M:0.53, Y:0, K:0.11. Its decimal value is 6843362.

Hex triplet	686be2	`#686be2`
RGB Decimal	104, 107, 226	`rgb(104,107,226)`
RGB Percent	40.8, 42, 88.6	`rgb(40.8%,42%,88.6%)`
CMYK	54, 53, 0, 11
HSL	238.5°, 67.8, 64.7	`hsl(238.5,67.8%,64.7%)`
HSV (or HSB)	238.5°, 54, 88.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	50.627, 31.851, -61.207
XYZ	24.691, 18.948, 74.304
xyY	0.209, 0.161, 18.948
CIE-LCH	50.627, 68.999, 297.491
CIE-LUV	50.627, -7.984, -97.193
Hunter-Lab	43.53, 25.073, -70.735
Binary	01101000, 01101011, 11100010

#686be2
```
#686be2 rgb(104,107,226)
```
#e2df68
```
#e2df68 rgb(226,223,104)
```

Complementary Color

#68a8e2
```
#68a8e2 rgb(104,168,226)
```
#686be2
```
#686be2 rgb(104,107,226)
```
#a268e2
```
#a268e2 rgb(162,104,226)
```

Analogous Color

#a8e268
```
#a8e268 rgb(168,226,104)
```
#686be2
```
#686be2 rgb(104,107,226)
```
#e2a268
```
#e2a268 rgb(226,162,104)
```

Split Complementary Color

#6be268
```
#6be268 rgb(107,226,104)
```
#686be2
```
#686be2 rgb(104,107,226)
```
#e2686b
```
#e2686b rgb(226,104,107)
```

Triadic Color

#68e2df
```
#68e2df rgb(104,226,223)
```
#686be2
```
#686be2 rgb(104,107,226)
```
#e2686b
```
#e2686b rgb(226,104,107)
```
#e2df68
```
#e2df68 rgb(226,223,104)
```

Tetradic Color

#292dd5
```
#292dd5 rgb(41,45,213)
```
#3d41da
```
#3d41da rgb(61,65,218)
```
#5356de
```
#5356de rgb(83,86,222)
```
#686be2
```
#686be2 rgb(104,107,226)
```
#7d80e6
```
#7d80e6 rgb(125,128,230)
```
#9395ea
```
#9395ea rgb(147,149,234)
```
#a8aaee
```
#a8aaee rgb(168,170,238)
```

Monochromatic Color

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

#688ae2
```
#688ae2 rgb(104,138,226)
```
#687fe2
```
#687fe2 rgb(104,127,226)
```
#6875e2
```
#6875e2 rgb(104,117,226)
```
#686be2
```
#686be2 rgb(104,107,226)
```
#6f68e2
```
#6f68e2 rgb(111,104,226)
```
#7968e2
```
#7968e2 rgb(121,104,226)
```
#8468e2
```
#8468e2 rgb(132,104,226)
```

Similar Colors

Text with hexadecimal color #686be2

This text has a font color of #686be2.

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

#686be2 background color

This paragraph has a background color of #686be2.

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

#686be2 border color

This element has a border color of #686be2.

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

CSS codes

.text {color:#686be2;}

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

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

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, #03030e is the darkest color, while #fcfcfe is the lightest one.

#03030e
```
#03030e rgb(3,3,14)
```
#06061e
```
#06061e rgb(6,6,30)
```
#090a2e
```
#090a2e rgb(9,10,46)
```
#0c0d3f
```
#0c0d3f rgb(12,13,63)
```
#0f114f
```
#0f114f rgb(15,17,79)
```
#121460
```
#121460 rgb(18,20,96)
```
#161870
```
#161870 rgb(22,24,112)
```
#191b81
```
#191b81 rgb(25,27,129)
```
#1c1f91
```
#1c1f91 rgb(28,31,145)
```
#1f22a2
```
#1f22a2 rgb(31,34,162)
```
#2226b2
```
#2226b2 rgb(34,38,178)
```
#2529c3
```
#2529c3 rgb(37,41,195)
```
#292dd3
```
#292dd3 rgb(41,45,211)
```

Shade Color Variation

#373bd9
```
#373bd9 rgb(55,59,217)
```
#474bdc
```
#474bdc rgb(71,75,220)
```
#585bdf
```
#585bdf rgb(88,91,223)
```
#686be2
```
#686be2 rgb(104,107,226)
```
#787be5
```
#787be5 rgb(120,123,229)
```
#898be8
```
#898be8 rgb(137,139,232)
```
#999beb
```
#999beb rgb(153,155,235)
```
#aaacef
```
#aaacef rgb(170,172,239)
```
#babcf2
```
#babcf2 rgb(186,188,242)
```
#cbccf5
```
#cbccf5 rgb(203,204,245)
```
#dbdcf8
```
#dbdcf8 rgb(219,220,248)
```
#ececfb
```
#ececfb rgb(236,236,251)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9fa0ab is the less saturated color, while #4c51fe is the most saturated one.

#9fa0ab
```
#9fa0ab rgb(159,160,171)
```
#9899b2
```
#9899b2 rgb(152,153,178)
```
#9292b8
```
#9292b8 rgb(146,146,184)
```
#8b8cbf
```
#8b8cbf rgb(139,140,191)
```
#8485c6
```
#8485c6 rgb(132,133,198)
```
#7d7fcd
```
#7d7fcd rgb(125,127,205)
```
#7678d4
```
#7678d4 rgb(118,120,212)
```
#6f72db
```
#6f72db rgb(111,114,219)
```
#686be2
```
#686be2 rgb(104,107,226)
```
#6164e9
```
#6164e9 rgb(97,100,233)
```
#5a5ef0
```
#5a5ef0 rgb(90,94,240)
```
#5357f7
```
#5357f7 rgb(83,87,247)
```
#4c51fe
```
#4c51fe rgb(76,81,254)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#75758d Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e7beb Protanopia 1% of men
#0081d7 Deuteranopia 1% of men
#498892 Tritanopia 0.001% of the population

Trichromacy

#4375e8 Protanomaly 1% of men, 0.01% of women
#2579db Deuteranomaly 6% of men, 0.4% of women
#547daf Tritanomaly 0.01% of the population

#686be2 hex color

#686be2 Color Information

#686be2 Color Conversion

Color Schemes with #686be2

Alternatives to #686be2

#686be2 Preview

Shades and Tints of #686be2

Tones of #686be2

Color Blindness Simulator