#687cfd Color Information
In a RGB color space, hex #687cfd is composed of 40.8% red, 48.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 51% magenta, 0% yellow and 0.8% black. It has a hue angle of 231.9 degrees, a saturation of 97.4% and a lightness of 70%. #687cfd color hex could be obtained by blending #d0f8ff with #0000fb. Closest websafe color is: #6666ff.
-
- R 41
- G 49
- B 99
-
- C 59
- M 51
- Y 0
- K 1
● #687cfd color description : Soft blue.
#687cfd Color Conversion
The hexadecimal color #687cfd has RGB values of R:104, G:124, B:253 and CMYK values of C:0.59, M:0.51, Y:0, K:0.01. Its decimal value is 6847741.
Hex triplet | 687cfd | #687cfd |
---|---|---|
RGB Decimal | 104, 124, 253 | rgb(104,124,253) |
RGB Percent | 40.8, 48.6, 99.2 | rgb(40.8%,48.6%,99.2%) |
CMYK | 59, 51, 0, 1 | |
HSL | 231.9°, 97.4, 70 | hsl(231.9,97.4%,70%) |
HSV (or HSB) | 231.9°, 58.9, 99.2 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 56.534, 30.198, -66.738 |
---|---|
XYZ | 30.643, 24.449, 96.027 |
xyY | 0.203, 0.162, 24.449 |
CIE-LCH | 56.534, 73.252, 294.346 |
CIE-LUV | 56.534, -13.982, -108.276 |
Hunter-Lab | 49.446, 24.091, -80.534 |
Binary | 01101000, 01111100, 11111101 |
Color Schemes with #687cfd
Alternatives to #687cfd
Below, you can see some colors close to #687cfd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#687cfd Preview
This text has a font color of #687cfd.
<span style="color:#687cfd;">Text here</span>
This paragraph has a background color of #687cfd.
<p style="background-color:#687cfd;">Content here</p>
This element has a border color of #687cfd.
<div style="border:1px solid #687cfd;">Content here</div>
.text {color:#687cfd;}
.background {background-color:#687cfd;}
.border {border:1px solid #687cfd;}
Shades and Tints of #687cfd
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, #000104 is the darkest color, while #f0f2ff is the lightest one.
-
#000104
#000104
rgb(0,1,4)
-
#000317
#000317
rgb(0,3,23)
-
#01062b
#01062b
rgb(1,6,43)
-
#01093e
#01093e
rgb(1,9,62)
-
#010c51
#010c51
rgb(1,12,81)
-
#010f65
#010f65
rgb(1,15,101)
-
#021178
#021178
rgb(2,17,120)
-
#02148b
#02148b
rgb(2,20,139)
-
#02179f
#02179f
rgb(2,23,159)
-
#021ab2
#021ab2
rgb(2,26,178)
-
#031dc5
#031dc5
rgb(3,29,197)
-
#0320d9
#0320d9
rgb(3,32,217)
-
#0322ec
#0322ec
rgb(3,34,236)
-
#0728fc
#0728fc
rgb(7,40,252)
-
#1b39fc
#1b39fc
rgb(27,57,252)
-
#2e4afc
#2e4afc
rgb(46,74,252)
-
#415afc
#415afc
rgb(65,90,252)
-
#556bfd
#556bfd
rgb(85,107,253)
-
#687cfd
#687cfd
rgb(104,124,253)
-
#7b8dfd
#7b8dfd
rgb(123,141,253)
-
#8f9efe
#8f9efe
rgb(143,158,254)
-
#a2aefe
#a2aefe
rgb(162,174,254)
-
#b5bffe
#b5bffe
rgb(181,191,254)
-
#c9d0fe
#c9d0fe
rgb(201,208,254)
-
#dce1ff
#dce1ff
rgb(220,225,255)
-
#f0f2ff
#f0f2ff
rgb(240,242,255)
Tones of #687cfd
A tone is produced by adding gray to any pure hue. In this case, #afb0b6 is the less saturated color, while #687cfd is the most saturated one.
-
#afb0b6
#afb0b6
rgb(175,176,182)
-
#a9abbc
#a9abbc
rgb(169,171,188)
-
#a3a7c2
#a3a7c2
rgb(163,167,194)
-
#9da3c8
#9da3c8
rgb(157,163,200)
-
#979ece
#979ece
rgb(151,158,206)
-
#919ad4
#919ad4
rgb(145,154,212)
-
#8b96da
#8b96da
rgb(139,150,218)
-
#8592e0
#8592e0
rgb(133,146,224)
-
#808de5
#808de5
rgb(128,141,229)
-
#7a89eb
#7a89eb
rgb(122,137,235)
-
#7485f1
#7485f1
rgb(116,133,241)
-
#6e80f7
#6e80f7
rgb(110,128,247)
-
#687cfd
#687cfd
rgb(104,124,253)
Color Blindness Simulator
Below, you can see how #687cfd 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.