#688cfc Color Information
In a RGB color space, hex #688cfc is composed of 40.8% red, 54.9% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 58.7% cyan, 44.4% magenta, 0% yellow and 1.2% black. It has a hue angle of 225.4 degrees, a saturation of 96.1% and a lightness of 69.8%. #688cfc color hex could be obtained by blending #d0ffff with #0019f9. Closest websafe color is: #6699ff.
-
- R 41
- G 55
- B 99
-
- C 59
- M 44
- Y 0
- K 1
● #688cfc color description : Soft blue.
#688cfc Color Conversion
The hexadecimal color #688cfc has RGB values of R:104, G:140, B:252 and CMYK values of C:0.59, M:0.44, Y:0, K:0.01. Its decimal value is 6851836.
Hex triplet | 688cfc | #688cfc |
---|---|---|
RGB Decimal | 104, 140, 252 | rgb(104,140,252) |
RGB Percent | 40.8, 54.9, 98.8 | rgb(40.8%,54.9%,98.8%) |
CMYK | 59, 44, 0, 1 | |
HSL | 225.4°, 96.1, 69.8 | hsl(225.4,96.1%,69.8%) |
HSV (or HSB) | 225.4°, 58.7, 98.8 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 60.539, 20.28, -59.758 |
---|---|
XYZ | 32.654, 28.726, 95.914 |
xyY | 0.208, 0.183, 28.726 |
CIE-LCH | 60.539, 63.105, 288.746 |
CIE-LUV | 60.539, -18.874, -97.758 |
Hunter-Lab | 53.596, 14.959, -68.585 |
Binary | 01101000, 10001100, 11111100 |
Color Schemes with #688cfc
Alternatives to #688cfc
Below, you can see some colors close to #688cfc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#688cfc Preview
This text has a font color of #688cfc.
<span style="color:#688cfc;">Text here</span>
This paragraph has a background color of #688cfc.
<p style="background-color:#688cfc;">Content here</p>
This element has a border color of #688cfc.
<div style="border:1px solid #688cfc;">Content here</div>
.text {color:#688cfc;}
.background {background-color:#688cfc;}
.border {border:1px solid #688cfc;}
Shades and Tints of #688cfc
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, #000103 is the darkest color, while #eff3ff is the lightest one.
-
#000103
#000103
rgb(0,1,3)
-
#000616
#000616
rgb(0,6,22)
-
#010b29
#010b29
rgb(1,11,41)
-
#01103d
#01103d
rgb(1,16,61)
-
#021550
#021550
rgb(2,21,80)
-
#021a63
#021a63
rgb(2,26,99)
-
#021f76
#021f76
rgb(2,31,118)
-
#032489
#032489
rgb(3,36,137)
-
#03289d
#03289d
rgb(3,40,157)
-
#032db0
#032db0
rgb(3,45,176)
-
#0432c3
#0432c3
rgb(4,50,195)
-
#0437d6
#0437d6
rgb(4,55,214)
-
#053cea
#053cea
rgb(5,60,234)
-
#0843fa
#0843fa
rgb(8,67,250)
-
#1b51fa
#1b51fa
rgb(27,81,250)
-
#2e60fb
#2e60fb
rgb(46,96,251)
-
#426ffb
#426ffb
rgb(66,111,251)
-
#557dfc
#557dfc
rgb(85,125,252)
-
#688cfc
#688cfc
rgb(104,140,252)
-
#7b9bfc
#7b9bfc
rgb(123,155,252)
-
#8ea9fd
#8ea9fd
rgb(142,169,253)
-
#a2b8fd
#a2b8fd
rgb(162,184,253)
-
#b5c7fe
#b5c7fe
rgb(181,199,254)
-
#c8d5fe
#c8d5fe
rgb(200,213,254)
-
#dbe4fe
#dbe4fe
rgb(219,228,254)
-
#eff3ff
#eff3ff
rgb(239,243,255)
Tones of #688cfc
A tone is produced by adding gray to any pure hue. In this case, #afb0b5 is the less saturated color, while #688cfc is the most saturated one.
-
#afb0b5
#afb0b5
rgb(175,176,181)
-
#a9adbb
#a9adbb
rgb(169,173,187)
-
#a3aac1
#a3aac1
rgb(163,170,193)
-
#9da7c7
#9da7c7
rgb(157,167,199)
-
#97a4cd
#97a4cd
rgb(151,164,205)
-
#91a1d3
#91a1d3
rgb(145,161,211)
-
#8c9ed8
#8c9ed8
rgb(140,158,216)
-
#869bde
#869bde
rgb(134,155,222)
-
#8098e4
#8098e4
rgb(128,152,228)
-
#7a95ea
#7a95ea
rgb(122,149,234)
-
#7492f0
#7492f0
rgb(116,146,240)
-
#6e8ff6
#6e8ff6
rgb(110,143,246)
-
#688cfc
#688cfc
rgb(104,140,252)
Color Blindness Simulator
Below, you can see how #688cfc 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.