#687ffe Color Information
In a RGB color space, hex #687ffe is composed of 40.8% red, 49.8% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 59.1% cyan, 50% magenta, 0% yellow and 0.4% black. It has a hue angle of 230.8 degrees, a saturation of 98.7% and a lightness of 70.2%. #687ffe color hex could be obtained by blending #d0feff with #0000fd. Closest websafe color is: #6666ff.
-
- R 41
- G 50
- B 100
-
- C 59
- M 50
- Y 0
- K 0
● #687ffe color description : Soft blue.
#687ffe Color Conversion
The hexadecimal color #687ffe has RGB values of R:104, G:127, B:254 and CMYK values of C:0.59, M:0.5, Y:0, K:0. Its decimal value is 6848510.
Hex triplet | 687ffe | #687ffe |
---|---|---|
RGB Decimal | 104, 127, 254 | rgb(104,127,254) |
RGB Percent | 40.8, 49.8, 99.6 | rgb(40.8%,49.8%,99.6%) |
CMYK | 59, 50, 0, 0 | |
HSL | 230.8°, 98.7, 70.2 | hsl(230.8,98.7%,70.2%) |
HSV (or HSB) | 230.8°, 59.1, 99.6 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 57.343, 28.718, -65.986 |
---|---|
XYZ | 31.184, 25.276, 96.996 |
xyY | 0.203, 0.165, 25.276 |
CIE-LCH | 57.343, 71.964, 293.52 |
CIE-LUV | 57.343, -14.894, -107.322 |
Hunter-Lab | 50.275, 22.736, -79.195 |
Binary | 01101000, 01111111, 11111110 |
Color Schemes with #687ffe
Alternatives to #687ffe
Below, you can see some colors close to #687ffe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#687ffe Preview
This text has a font color of #687ffe.
<span style="color:#687ffe;">Text here</span>
This paragraph has a background color of #687ffe.
<p style="background-color:#687ffe;">Content here</p>
This element has a border color of #687ffe.
<div style="border:1px solid #687ffe;">Content here</div>
.text {color:#687ffe;}
.background {background-color:#687ffe;}
.border {border:1px solid #687ffe;}
Shades and Tints of #687ffe
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, #000105 is the darkest color, while #f0f3ff is the lightest one.
-
#000105
#000105
rgb(0,1,5)
-
#000418
#000418
rgb(0,4,24)
-
#00072c
#00072c
rgb(0,7,44)
-
#000a3f
#000a3f
rgb(0,10,63)
-
#010d53
#010d53
rgb(1,13,83)
-
#011066
#011066
rgb(1,16,102)
-
#01137a
#01137a
rgb(1,19,122)
-
#01168d
#01168d
rgb(1,22,141)
-
#011aa1
#011aa1
rgb(1,26,161)
-
#011db4
#011db4
rgb(1,29,180)
-
#0120c8
#0120c8
rgb(1,32,200)
-
#0123db
#0123db
rgb(1,35,219)
-
#0226ef
#0226ef
rgb(2,38,239)
-
#072cfd
#072cfd
rgb(7,44,253)
-
#1a3dfd
#1a3dfd
rgb(26,61,253)
-
#2e4dfe
#2e4dfe
rgb(46,77,254)
-
#415efe
#415efe
rgb(65,94,254)
-
#556efe
#556efe
rgb(85,110,254)
-
#687ffe
#687ffe
rgb(104,127,254)
-
#7b90fe
#7b90fe
rgb(123,144,254)
-
#8fa0fe
#8fa0fe
rgb(143,160,254)
-
#a2b1fe
#a2b1fe
rgb(162,177,254)
-
#b6c1ff
#b6c1ff
rgb(182,193,255)
-
#c9d2ff
#c9d2ff
rgb(201,210,255)
-
#dde2ff
#dde2ff
rgb(221,226,255)
-
#f0f3ff
#f0f3ff
rgb(240,243,255)
Tones of #687ffe
A tone is produced by adding gray to any pure hue. In this case, #aeb0b8 is the less saturated color, while #687ffe is the most saturated one.
-
#aeb0b8
#aeb0b8
rgb(174,176,184)
-
#a8acbe
#a8acbe
rgb(168,172,190)
-
#a2a8c4
#a2a8c4
rgb(162,168,196)
-
#9da3c9
#9da3c9
rgb(157,163,201)
-
#979fcf
#979fcf
rgb(151,159,207)
-
#919bd5
#919bd5
rgb(145,155,213)
-
#8b97db
#8b97db
rgb(139,151,219)
-
#8593e1
#8593e1
rgb(133,147,225)
-
#7f8fe7
#7f8fe7
rgb(127,143,231)
-
#7a8bec
#7a8bec
rgb(122,139,236)
-
#7487f2
#7487f2
rgb(116,135,242)
-
#6e83f8
#6e83f8
rgb(110,131,248)
-
#687ffe
#687ffe
rgb(104,127,254)
Color Blindness Simulator
Below, you can see how #687ffe 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.