#686eb0 Color Information
In a RGB color space, hex #686eb0 is composed of 40.8% red, 43.1% green and 69% blue. Whereas in a CMYK color space, it is composed of 40.9% cyan, 37.5% magenta, 0% yellow and 31% black. It has a hue angle of 235 degrees, a saturation of 31.3% and a lightness of 54.9%. #686eb0 color hex could be obtained by blending #d0dcff with #000061. Closest websafe color is: #666699.
-
- R 41
- G 43
- B 69
-
- C 41
- M 38
- Y 0
- K 31
● #686eb0 color description : Mostly desaturated dark blue.
#686eb0 Color Conversion
The hexadecimal color #686eb0 has RGB values of R:104, G:110, B:176 and CMYK values of C:0.41, M:0.38, Y:0, K:0.31. Its decimal value is 6844080.
Hex triplet | 686eb0 | #686eb0 |
---|---|---|
RGB Decimal | 104, 110, 176 | rgb(104,110,176) |
RGB Percent | 40.8, 43.1, 69 | rgb(40.8%,43.1%,69%) |
CMYK | 41, 38, 0, 31 | |
HSL | 235°, 31.3, 54.9 | hsl(235,31.3%,54.9%) |
HSV (or HSB) | 235°, 40.9, 69 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 48.547, 14.745, -35.889 |
---|---|
XYZ | 19.12, 17.229, 43.39 |
xyY | 0.24, 0.216, 17.229 |
CIE-LCH | 48.547, 38.8, 292.336 |
CIE-LUV | 48.547, -6.478, -55.556 |
Hunter-Lab | 41.508, 9.584, -32.923 |
Binary | 01101000, 01101110, 10110000 |
Color Schemes with #686eb0
Alternatives to #686eb0
Below, you can see some colors close to #686eb0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686eb0 Preview
This text has a font color of #686eb0.
<span style="color:#686eb0;">Text here</span>
This paragraph has a background color of #686eb0.
<p style="background-color:#686eb0;">Content here</p>
This element has a border color of #686eb0.
<div style="border:1px solid #686eb0;">Content here</div>
.text {color:#686eb0;}
.background {background-color:#686eb0;}
.border {border:1px solid #686eb0;}
Shades and Tints of #686eb0
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, #020204 is the darkest color, while #f6f6fa is the lightest one.
-
#020204
#020204
rgb(2,2,4)
-
#090910
#090910
rgb(9,9,16)
-
#0f101d
#0f101d
rgb(15,16,29)
-
#16182a
#16182a
rgb(22,24,42)
-
#1d1f37
#1d1f37
rgb(29,31,55)
-
#242644
#242644
rgb(36,38,68)
-
#2a2d51
#2a2d51
rgb(42,45,81)
-
#31355e
#31355e
rgb(49,53,94)
-
#383c6b
#383c6b
rgb(56,60,107)
-
#3e4377
#3e4377
rgb(62,67,119)
-
#454a84
#454a84
rgb(69,74,132)
-
#4c5291
#4c5291
rgb(76,82,145)
-
#53599e
#53599e
rgb(83,89,158)
-
#5b62a9
#5b62a9
rgb(91,98,169)
-
#686eb0
#686eb0
rgb(104,110,176)
-
#757ab7
#757ab7
rgb(117,122,183)
-
#8287bd
#8287bd
rgb(130,135,189)
-
#8f93c4
#8f93c4
rgb(143,147,196)
-
#9c9fcb
#9c9fcb
rgb(156,159,203)
-
#a8acd2
#a8acd2
rgb(168,172,210)
-
#b5b8d8
#b5b8d8
rgb(181,184,216)
-
#c2c5df
#c2c5df
rgb(194,197,223)
-
#cfd1e6
#cfd1e6
rgb(207,209,230)
-
#dcdded
#dcdded
rgb(220,221,237)
-
#e9eaf3
#e9eaf3
rgb(233,234,243)
-
#f6f6fa
#f6f6fa
rgb(246,246,250)
Tones of #686eb0
A tone is produced by adding gray to any pure hue. In this case, #8b8b8d is the less saturated color, while #2133f7 is the most saturated one.
-
#8b8b8d
#8b8b8d
rgb(139,139,141)
-
#838495
#838495
rgb(131,132,149)
-
#7a7d9e
#7a7d9e
rgb(122,125,158)
-
#7175a7
#7175a7
rgb(113,117,167)
-
#686eb0
#686eb0
rgb(104,110,176)
-
#5f67b9
#5f67b9
rgb(95,103,185)
-
#565fc2
#565fc2
rgb(86,95,194)
-
#4d58cb
#4d58cb
rgb(77,88,203)
-
#4551d3
#4551d3
rgb(69,81,211)
-
#3c49dc
#3c49dc
rgb(60,73,220)
-
#3342e5
#3342e5
rgb(51,66,229)
-
#2a3aee
#2a3aee
rgb(42,58,238)
-
#2133f7
#2133f7
rgb(33,51,247)
Color Blindness Simulator
Below, you can see how #686eb0 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.