#686f9b Color Information
In a RGB color space, hex #686f9b is composed of 40.8% red, 43.5% green and 60.8% blue. Whereas in a CMYK color space, it is composed of 32.9% cyan, 28.4% magenta, 0% yellow and 39.2% black. It has a hue angle of 231.8 degrees, a saturation of 20.3% and a lightness of 50.8%. #686f9b color hex could be obtained by blending #d0deff with #000037. Closest websafe color is: #666699.
-
- R 41
- G 44
- B 61
-
- C 33
- M 28
- Y 0
- K 39
● #686f9b color description : Mostly desaturated dark blue.
#686f9b Color Conversion
The hexadecimal color #686f9b has RGB values of R:104, G:111, B:155 and CMYK values of C:0.33, M:0.28, Y:0, K:0.39. Its decimal value is 6844315.
Hex triplet | 686f9b | #686f9b |
---|---|---|
RGB Decimal | 104, 111, 155 | rgb(104,111,155) |
RGB Percent | 40.8, 43.5, 60.8 | rgb(40.8%,43.5%,60.8%) |
CMYK | 33, 28, 0, 39 | |
HSL | 231.8°, 20.3, 50.8 | hsl(231.8,20.3%,50.8%) |
HSV (or HSB) | 231.8°, 32.9, 60.8 | |
Web Safe | 666699 | #666699 |
CIE-LAB | 47.852, 8.184, -24.681 |
---|---|
XYZ | 17.309, 16.678, 33.316 |
xyY | 0.257, 0.248, 16.678 |
CIE-LCH | 47.852, 26.002, 288.344 |
CIE-LUV | 47.852, -5.854, -37.208 |
Hunter-Lab | 40.839, 4.185, -19.781 |
Binary | 01101000, 01101111, 10011011 |
Color Schemes with #686f9b
Alternatives to #686f9b
Below, you can see some colors close to #686f9b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686f9b Preview
This text has a font color of #686f9b.
<span style="color:#686f9b;">Text here</span>
This paragraph has a background color of #686f9b.
<p style="background-color:#686f9b;">Content here</p>
This element has a border color of #686f9b.
<div style="border:1px solid #686f9b;">Content here</div>
.text {color:#686f9b;}
.background {background-color:#686f9b;}
.border {border:1px solid #686f9b;}
Shades and Tints of #686f9b
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 #f6f6f9 is the lightest one.
-
#020202
#020202
rgb(2,2,2)
-
#090a0e
#090a0e
rgb(9,10,14)
-
#11121a
#11121a
rgb(17,18,26)
-
#191b26
#191b26
rgb(25,27,38)
-
#212332
#212332
rgb(33,35,50)
-
#292c3d
#292c3d
rgb(41,44,61)
-
#303449
#303449
rgb(48,52,73)
-
#383c55
#383c55
rgb(56,60,85)
-
#404561
#404561
rgb(64,69,97)
-
#484d6d
#484d6d
rgb(72,77,109)
-
#505578
#505578
rgb(80,85,120)
-
#585e84
#585e84
rgb(88,94,132)
-
#5f6690
#5f6690
rgb(95,102,144)
-
#686f9b
#686f9b
rgb(104,111,155)
-
#747aa3
#747aa3
rgb(116,122,163)
-
#8086ab
#8086ab
rgb(128,134,171)
-
#8b91b2
#8b91b2
rgb(139,145,178)
-
#979cba
#979cba
rgb(151,156,186)
-
#a3a7c2
#a3a7c2
rgb(163,167,194)
-
#afb3ca
#afb3ca
rgb(175,179,202)
-
#bbbed2
#bbbed2
rgb(187,190,210)
-
#c6c9da
#c6c9da
rgb(198,201,218)
-
#d2d4e1
#d2d4e1
rgb(210,212,225)
-
#dee0e9
#dee0e9
rgb(222,224,233)
-
#eaebf1
#eaebf1
rgb(234,235,241)
-
#f6f6f9
#f6f6f9
rgb(246,246,249)
Tones of #686f9b
A tone is produced by adding gray to any pure hue. In this case, #7b7d88 is the less saturated color, while #0729fc is the most saturated one.
-
#7b7d88
#7b7d88
rgb(123,125,136)
-
#727691
#727691
rgb(114,118,145)
-
#686f9b
#686f9b
rgb(104,111,155)
-
#5e68a5
#5e68a5
rgb(94,104,165)
-
#5561ae
#5561ae
rgb(85,97,174)
-
#4b5ab8
#4b5ab8
rgb(75,90,184)
-
#4153c2
#4153c2
rgb(65,83,194)
-
#384ccb
#384ccb
rgb(56,76,203)
-
#2e45d5
#2e45d5
rgb(46,69,213)
-
#243edf
#243edf
rgb(36,62,223)
-
#1b37e8
#1b37e8
rgb(27,55,232)
-
#1130f2
#1130f2
rgb(17,48,242)
-
#0729fc
#0729fc
rgb(7,41,252)
Color Blindness Simulator
Below, you can see how #686f9b 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.