#686788 Color Information
In a RGB color space, hex #686788 is composed of 40.8% red, 40.4% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 23.5% cyan, 24.3% magenta, 0% yellow and 46.7% black. It has a hue angle of 241.8 degrees, a saturation of 13.8% and a lightness of 46.9%. #686788 color hex could be obtained by blending #d0ceff with #000011. Closest websafe color is: #666699.
-
- R 41
- G 40
- B 53
-
- C 24
- M 24
- Y 0
- K 47
● #686788 color description : Dark grayish blue.
#686788 Color Conversion
The hexadecimal color #686788 has RGB values of R:104, G:103, B:136 and CMYK values of C:0.24, M:0.24, Y:0, K:0.47. Its decimal value is 6842248.
Hex triplet | 686788 | #686788 |
---|---|---|
RGB Decimal | 104, 103, 136 | rgb(104,103,136) |
RGB Percent | 40.8, 40.4, 53.3 | rgb(40.8%,40.4%,53.3%) |
CMYK | 24, 24, 0, 47 | |
HSL | 241.8°, 13.8, 46.9 | hsl(241.8,13.8%,46.9%) |
HSV (or HSB) | 241.8°, 24.3, 53.3 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 44.831, 8.014, -18.05 |
---|---|
XYZ | 15.002, 14.421, 25.284 |
xyY | 0.274, 0.264, 14.421 |
CIE-LCH | 44.831, 19.749, 293.94 |
CIE-LUV | 44.831, -1.445, -26.695 |
Hunter-Lab | 37.975, 4.061, -12.894 |
Binary | 01101000, 01100111, 10001000 |
Color Schemes with #686788
Alternatives to #686788
Below, you can see some colors close to #686788. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686788 Preview
This text has a font color of #686788.
<span style="color:#686788;">Text here</span>
This paragraph has a background color of #686788.
<p style="background-color:#686788;">Content here</p>
This element has a border color of #686788.
<div style="border:1px solid #686788;">Content here</div>
.text {color:#686788;}
.background {background-color:#686788;}
.border {border:1px solid #686788;}
Shades and Tints of #686788
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, #020202 is the darkest color, while #f6f6f8 is the lightest one.
-
#020202
#020202
rgb(2,2,2)
-
#0a0a0d
#0a0a0d
rgb(10,10,13)
-
#131218
#131218
rgb(19,18,24)
-
#1b1b24
#1b1b24
rgb(27,27,36)
-
#24232f
#24232f
rgb(36,35,47)
-
#2c2c3a
#2c2c3a
rgb(44,44,58)
-
#353445
#353445
rgb(53,52,69)
-
#3d3d50
#3d3d50
rgb(61,61,80)
-
#46455b
#46455b
rgb(70,69,91)
-
#4e4e67
#4e4e67
rgb(78,78,103)
-
#575672
#575672
rgb(87,86,114)
-
#5f5f7d
#5f5f7d
rgb(95,95,125)
-
#686788
#686788
rgb(104,103,136)
-
#717093
#717093
rgb(113,112,147)
-
#7c7b9b
#7c7b9b
rgb(124,123,155)
-
#8786a4
#8786a4
rgb(135,134,164)
-
#9291ac
#9291ac
rgb(146,145,172)
-
#9d9db4
#9d9db4
rgb(157,157,180)
-
#a8a8bd
#a8a8bd
rgb(168,168,189)
-
#b3b3c5
#b3b3c5
rgb(179,179,197)
-
#bfbece
#bfbece
rgb(191,190,206)
-
#cac9d6
#cac9d6
rgb(202,201,214)
-
#d5d4df
#d5d4df
rgb(213,212,223)
-
#e0e0e7
#e0e0e7
rgb(224,224,231)
-
#ebebf0
#ebebf0
rgb(235,235,240)
-
#f6f6f8
#f6f6f8
rgb(246,246,248)
Tones of #686788
A tone is produced by adding gray to any pure hue. In this case, #71707f is the less saturated color, while #0902ed is the most saturated one.
-
#71707f
#71707f
rgb(113,112,127)
-
#686788
#686788
rgb(104,103,136)
-
#5f5e91
#5f5e91
rgb(95,94,145)
-
#57559a
#57559a
rgb(87,85,154)
-
#4e4ba4
#4e4ba4
rgb(78,75,164)
-
#4542ad
#4542ad
rgb(69,66,173)
-
#3d39b6
#3d39b6
rgb(61,57,182)
-
#3430bf
#3430bf
rgb(52,48,191)
-
#2c27c8
#2c27c8
rgb(44,39,200)
-
#231dd2
#231dd2
rgb(35,29,210)
-
#1a14db
#1a14db
rgb(26,20,219)
-
#120be4
#120be4
rgb(18,11,228)
-
#0902ed
#0902ed
rgb(9,2,237)
Color Blindness Simulator
Below, you can see how #686788 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.