#687aed Color Information
In a RGB color space, hex #687aed is composed of 40.8% red, 47.8% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 56.1% cyan, 48.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 231.9 degrees, a saturation of 78.7% and a lightness of 66.9%. #687aed color hex could be obtained by blending #d0f4ff with #0000db. Closest websafe color is: #6666ff.
-
- R 41
- G 48
- B 93
-
- C 56
- M 49
- Y 0
- K 7
● #687aed color description : Soft blue.
#687aed Color Conversion
The hexadecimal color #687aed has RGB values of R:104, G:122, B:237 and CMYK values of C:0.56, M:0.49, Y:0, K:0.07. Its decimal value is 6847213.
Hex triplet | 687aed | #687aed |
---|---|---|
RGB Decimal | 104, 122, 237 | rgb(104,122,237) |
RGB Percent | 40.8, 47.8, 92.9 | rgb(40.8%,47.8%,92.9%) |
CMYK | 56, 49, 0, 7 | |
HSL | 231.9°, 78.7, 66.9 | hsl(231.9,78.7%,66.9%) |
HSV (or HSB) | 231.9°, 56.1, 92.9 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 55.047, 26.263, -60.261 |
---|---|
XYZ | 27.951, 22.975, 83.078 |
xyY | 0.209, 0.171, 22.975 |
CIE-LCH | 55.047, 65.736, 293.549 |
CIE-LUV | 55.047, -12.906, -97.178 |
Hunter-Lab | 47.933, 20.209, -69.21 |
Binary | 01101000, 01111010, 11101101 |
Color Schemes with #687aed
Alternatives to #687aed
Below, you can see some colors close to #687aed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#687aed Preview
This text has a font color of #687aed.
<span style="color:#687aed;">Text here</span>
This paragraph has a background color of #687aed.
<p style="background-color:#687aed;">Content here</p>
This element has a border color of #687aed.
<div style="border:1px solid #687aed;">Content here</div>
.text {color:#687aed;}
.background {background-color:#687aed;}
.border {border:1px solid #687aed;}
Shades and Tints of #687aed
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, #010207 is the darkest color, while #f4f5fe is the lightest one.
-
#010207
#010207
rgb(1,2,7)
-
#030618
#030618
rgb(3,6,24)
-
#050a2a
#050a2a
rgb(5,10,42)
-
#070e3b
#070e3b
rgb(7,14,59)
-
#09124d
#09124d
rgb(9,18,77)
-
#0b165e
#0b165e
rgb(11,22,94)
-
#0d1b70
#0d1b70
rgb(13,27,112)
-
#0f1f81
#0f1f81
rgb(15,31,129)
-
#122393
#122393
rgb(18,35,147)
-
#1427a4
#1427a4
rgb(20,39,164)
-
#162bb6
#162bb6
rgb(22,43,182)
-
#1830c8
#1830c8
rgb(24,48,200)
-
#1a34d9
#1a34d9
rgb(26,52,217)
-
#223ce5
#223ce5
rgb(34,60,229)
-
#334ce7
#334ce7
rgb(51,76,231)
-
#455be9
#455be9
rgb(69,91,233)
-
#566beb
#566beb
rgb(86,107,235)
-
#687aed
#687aed
rgb(104,122,237)
-
#7a89ef
#7a89ef
rgb(122,137,239)
-
#8b99f1
#8b99f1
rgb(139,153,241)
-
#9da8f3
#9da8f3
rgb(157,168,243)
-
#aeb8f5
#aeb8f5
rgb(174,184,245)
-
#c0c7f7
#c0c7f7
rgb(192,199,247)
-
#d1d7fa
#d1d7fa
rgb(209,215,250)
-
#e3e6fc
#e3e6fc
rgb(227,230,252)
-
#f4f5fe
#f4f5fe
rgb(244,245,254)
Tones of #687aed
A tone is produced by adding gray to any pure hue. In this case, #a9a9ac is the less saturated color, while #5b71fa is the most saturated one.
-
#a9a9ac
#a9a9ac
rgb(169,169,172)
-
#a3a5b3
#a3a5b3
rgb(163,165,179)
-
#9ca0b9
#9ca0b9
rgb(156,160,185)
-
#969bc0
#969bc0
rgb(150,155,192)
-
#8f96c6
#8f96c6
rgb(143,150,198)
-
#8992cd
#8992cd
rgb(137,146,205)
-
#828dd3
#828dd3
rgb(130,141,211)
-
#7c88da
#7c88da
rgb(124,136,218)
-
#7583e0
#7583e0
rgb(117,131,224)
-
#6f7fe7
#6f7fe7
rgb(111,127,231)
-
#687aed
#687aed
rgb(104,122,237)
-
#6275f4
#6275f4
rgb(98,117,244)
-
#5b71fa
#5b71fa
rgb(91,113,250)
Color Blindness Simulator
Below, you can see how #687aed 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.