#686c87 Color Information
In a RGB color space, hex #686c87 is composed of 40.8% red, 42.4% green and 52.9% blue. Whereas in a CMYK color space, it is composed of 23% cyan, 20% magenta, 0% yellow and 47.1% black. It has a hue angle of 232.3 degrees, a saturation of 13% and a lightness of 46.9%. #686c87 color hex could be obtained by blending #d0d8ff with #00000f. Closest websafe color is: #666699.
-
- R 41
- G 42
- B 53
-
- C 23
- M 20
- Y 0
- K 47
● #686c87 color description : Dark grayish blue.
#686c87 Color Conversion
The hexadecimal color #686c87 has RGB values of R:104, G:108, B:135 and CMYK values of C:0.23, M:0.2, Y:0, K:0.47. Its decimal value is 6843527.
Hex triplet | 686c87 | #686c87 |
---|---|---|
RGB Decimal | 104, 108, 135 | rgb(104,108,135) |
RGB Percent | 40.8, 42.4, 52.9 | rgb(40.8%,42.4%,52.9%) |
CMYK | 23, 20, 0, 47 | |
HSL | 232.3°, 13, 46.9 | hsl(232.3,13%,46.9%) |
HSV (or HSB) | 232.3°, 23, 52.9 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 46.2, 4.735, -15.361 |
---|---|
XYZ | 15.444, 15.417, 25.083 |
xyY | 0.276, 0.276, 15.417 |
CIE-LCH | 46.2, 16.074, 287.132 |
CIE-LUV | 46.2, -3.581, -22.434 |
Hunter-Lab | 39.265, 1.495, -10.389 |
Binary | 01101000, 01101100, 10000111 |
Color Schemes with #686c87
Alternatives to #686c87
Below, you can see some colors close to #686c87. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686c87 Preview
This text has a font color of #686c87.
<span style="color:#686c87;">Text here</span>
This paragraph has a background color of #686c87.
<p style="background-color:#686c87;">Content here</p>
This element has a border color of #686c87.
<div style="border:1px solid #686c87;">Content here</div>
.text {color:#686c87;}
.background {background-color:#686c87;}
.border {border:1px solid #686c87;}
Shades and Tints of #686c87
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)
-
#131318
#131318
rgb(19,19,24)
-
#1b1c23
#1b1c23
rgb(27,28,35)
-
#24252e
#24252e
rgb(36,37,46)
-
#2c2e39
#2c2e39
rgb(44,46,57)
-
#353745
#353745
rgb(53,55,69)
-
#3d4050
#3d4050
rgb(61,64,80)
-
#46495b
#46495b
rgb(70,73,91)
-
#4e5166
#4e5166
rgb(78,81,102)
-
#575a71
#575a71
rgb(87,90,113)
-
#5f637c
#5f637c
rgb(95,99,124)
-
#686c87
#686c87
rgb(104,108,135)
-
#717592
#717592
rgb(113,117,146)
-
#7c809a
#7c809a
rgb(124,128,154)
-
#878ba3
#878ba3
rgb(135,139,163)
-
#9295ab
#9295ab
rgb(146,149,171)
-
#9da0b4
#9da0b4
rgb(157,160,180)
-
#a8abbc
#a8abbc
rgb(168,171,188)
-
#b3b6c5
#b3b6c5
rgb(179,182,197)
-
#bfc0cd
#bfc0cd
rgb(191,192,205)
-
#cacbd6
#cacbd6
rgb(202,203,214)
-
#d5d6de
#d5d6de
rgb(213,214,222)
-
#e0e1e7
#e0e1e7
rgb(224,225,231)
-
#ebebf0
#ebebf0
rgb(235,235,240)
-
#f6f6f8
#f6f6f8
rgb(246,246,248)
Tones of #686c87
A tone is produced by adding gray to any pure hue. In this case, #71737e is the less saturated color, while #0321ec is the most saturated one.
-
#71737e
#71737e
rgb(113,115,126)
-
#686c87
#686c87
rgb(104,108,135)
-
#5f6590
#5f6590
rgb(95,101,144)
-
#565e99
#565e99
rgb(86,94,153)
-
#4c58a3
#4c58a3
rgb(76,88,163)
-
#4351ac
#4351ac
rgb(67,81,172)
-
#3a4ab5
#3a4ab5
rgb(58,74,181)
-
#3143be
#3143be
rgb(49,67,190)
-
#283cc7
#283cc7
rgb(40,60,199)
-
#1e35d1
#1e35d1
rgb(30,53,209)
-
#152fda
#152fda
rgb(21,47,218)
-
#0c28e3
#0c28e3
rgb(12,40,227)
-
#0321ec
#0321ec
rgb(3,33,236)
Color Blindness Simulator
Below, you can see how #686c87 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.