#686bea hex color

In a RGB color space, hex #686bea is composed of 40.8% red, 42% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 54.3% magenta, 0% yellow and 8.2% black. It has a hue angle of 238.6 degrees, a saturation of 75.6% and a lightness of 66.3%. #686bea color hex could be obtained by blending #d0d6ff with #0000d5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 41
- G 42
- B 92
RGB color chart
- C 56
- M 54
- Y 0
- K 8
CMYK color chart

● #686bea color description : Soft blue.

The hexadecimal color #686bea has RGB values of R:104, G:107, B:234 and CMYK values of C:0.56, M:0.54, Y:0, K:0.08. Its decimal value is 6843370.

Hex triplet	686bea	`#686bea`
RGB Decimal	104, 107, 234	`rgb(104,107,234)`
RGB Percent	40.8, 42, 91.8	`rgb(40.8%,42%,91.8%)`
CMYK	56, 54, 0, 8
HSL	238.6°, 75.6, 66.3	`hsl(238.6,75.6%,66.3%)`
HSV (or HSB)	238.6°, 55.6, 91.8
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.15, 34.365, -64.862
XYZ	25.815, 19.398, 80.221
xyY	0.206, 0.155, 19.398
CIE-LCH	51.15, 73.403, 297.916
CIE-LUV	51.15, -8.38, -103.17
Hunter-Lab	44.043, 27.549, -77.162
Binary	01101000, 01101011, 11101010

#686bea
```
#686bea rgb(104,107,234)
```
#eae768
```
#eae768 rgb(234,231,104)
```

Complementary Color

#68acea
```
#68acea rgb(104,172,234)
```
#686bea
```
#686bea rgb(104,107,234)
```
#a668ea
```
#a668ea rgb(166,104,234)
```

Analogous Color

#acea68
```
#acea68 rgb(172,234,104)
```
#686bea
```
#686bea rgb(104,107,234)
```
#eaa668
```
#eaa668 rgb(234,166,104)
```

Split Complementary Color

#6bea68
```
#6bea68 rgb(107,234,104)
```
#686bea
```
#686bea rgb(104,107,234)
```
#ea686b
```
#ea686b rgb(234,104,107)
```

Triadic Color

#68eae7
```
#68eae7 rgb(104,234,231)
```
#686bea
```
#686bea rgb(104,107,234)
```
#ea686b
```
#ea686b rgb(234,104,107)
```
#eae768
```
#eae768 rgb(234,231,104)
```

Tetradic Color

#2529e1
```
#2529e1 rgb(37,41,225)
```
#3b3fe4
```
#3b3fe4 rgb(59,63,228)
```
#5255e7
```
#5255e7 rgb(82,85,231)
```
#686bea
```
#686bea rgb(104,107,234)
```
#7e81ed
```
#7e81ed rgb(126,129,237)
```
#9597f0
```
#9597f0 rgb(149,151,240)
```
#abadf3
```
#abadf3 rgb(171,173,243)
```

Monochromatic Color

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

#688cea
```
#688cea rgb(104,140,234)
```
#6881ea
```
#6881ea rgb(104,129,234)
```
#6876ea
```
#6876ea rgb(104,118,234)
```
#686bea
```
#686bea rgb(104,107,234)
```
#7068ea
```
#7068ea rgb(112,104,234)
```
#7b68ea
```
#7b68ea rgb(123,104,234)
```
#8668ea
```
#8668ea rgb(134,104,234)
```

Similar Colors

Text with hexadecimal color #686bea

This text has a font color of #686bea.

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

#686bea background color

This paragraph has a background color of #686bea.

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

#686bea border color

This element has a border color of #686bea.

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

CSS codes

.text {color:#686bea;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#030315
```
#030315 rgb(3,3,21)
```
#050626
```
#050626 rgb(5,6,38)
```
#080938
```
#080938 rgb(8,9,56)
```
#0a0c49
```
#0a0c49 rgb(10,12,73)
```
#0d0e5a
```
#0d0e5a rgb(13,14,90)
```
#0f116b
```
#0f116b rgb(15,17,107)
```
#11147d
```
#11147d rgb(17,20,125)
```
#14178e
```
#14178e rgb(20,23,142)
```
#16199f
```
#16199f rgb(22,25,159)
```
#191cb0
```
#191cb0 rgb(25,28,176)
```
#1b1fc1
```
#1b1fc1 rgb(27,31,193)
```
#1d21d3
```
#1d21d3 rgb(29,33,211)
```

Shade Color Variation

#2327e0
```
#2327e0 rgb(35,39,224)
```
#3438e3
```
#3438e3 rgb(52,56,227)
```
#4649e5
```
#4649e5 rgb(70,73,229)
```
#575ae8
```
#575ae8 rgb(87,90,232)
```
#686bea
```
#686bea rgb(104,107,234)
```
#797cec
```
#797cec rgb(121,124,236)
```
#8a8def
```
#8a8def rgb(138,141,239)
```
#9c9ef1
```
#9c9ef1 rgb(156,158,241)
```
#adaff4
```
#adaff4 rgb(173,175,244)
```
#bebff6
```
#bebff6 rgb(190,191,246)
```
#cfd0f8
```
#cfd0f8 rgb(207,208,248)
```
#e1e1fb
```
#e1e1fb rgb(225,225,251)
```
#f2f2fd
```
#f2f2fd rgb(242,242,253)
```

Tint Color Variation

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

#a4a4ae
```
#a4a4ae rgb(164,164,174)
```
#9d9db5
```
#9d9db5 rgb(157,157,181)
```
#9697bc
```
#9697bc rgb(150,151,188)
```
#9091c2
```
#9091c2 rgb(144,145,194)
```
#898bc9
```
#898bc9 rgb(137,139,201)
```
#8284d0
```
#8284d0 rgb(130,132,208)
```
#7c7ed6
```
#7c7ed6 rgb(124,126,214)
```
#7578dd
```
#7578dd rgb(117,120,221)
```
#6f71e3
```
#6f71e3 rgb(111,113,227)
```
#686bea
```
#686bea rgb(104,107,234)
```
#6165f1
```
#6165f1 rgb(97,101,241)
```
#5b5ef7
```
#5b5ef7 rgb(91,94,247)
```
#5458fe
```
#5458fe rgb(84,88,254)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#767690 Atypical Achromatopsia 0.001% of the population

Dichromacy

#117cf4 Protanopia 1% of men
#0083d8 Deuteranopia 1% of men
#448a94 Tritanopia 0.001% of the population

Trichromacy

#3076f0 Protanomaly 1% of men, 0.01% of women
#257ade Deuteranomaly 6% of men, 0.4% of women
#517fb3 Tritanomaly 0.01% of the population

#686bea hex color

#686bea Color Information

#686bea Color Conversion

Color Schemes with #686bea

Alternatives to #686bea

#686bea Preview

Shades and Tints of #686bea

Tones of #686bea

Color Blindness Simulator