#688bfd Color Information
In a RGB color space, hex #688bfd is composed of 40.8% red, 54.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 45.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 225.9 degrees, a saturation of 97.4% and a lightness of 70%. #688bfd color hex could be obtained by blending #d0ffff with #0017fb. Closest websafe color is: #6699ff.
-
- R 41
- G 55
- B 99
-
- C 59
- M 45
- Y 0
- K 1
● #688bfd color description : Soft blue.
#688bfd Color Conversion
The hexadecimal color #688bfd has RGB values of R:104, G:139, B:253 and CMYK values of C:0.59, M:0.45, Y:0, K:0.01. Its decimal value is 6851581.
Hex triplet | 688bfd | #688bfd |
---|---|---|
RGB Decimal | 104, 139, 253 | rgb(104,139,253) |
RGB Percent | 40.8, 54.5, 99.2 | rgb(40.8%,54.5%,99.2%) |
CMYK | 59, 45, 0, 1 | |
HSL | 225.9°, 97.4, 70 | hsl(225.9,97.4%,70%) |
HSV (or HSB) | 225.9°, 58.9, 99.2 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 60.336, 21.201, -60.631 |
---|---|
XYZ | 32.667, 28.498, 96.702 |
xyY | 0.207, 0.181, 28.498 |
CIE-LCH | 60.336, 64.231, 289.273 |
CIE-LUV | 60.336, -18.568, -99.199 |
Hunter-Lab | 53.384, 15.808, -70.032 |
Binary | 01101000, 10001011, 11111101 |
Color Schemes with #688bfd
Alternatives to #688bfd
Below, you can see some colors close to #688bfd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#688bfd Preview
This text has a font color of #688bfd.
<span style="color:#688bfd;">Text here</span>
This paragraph has a background color of #688bfd.
<p style="background-color:#688bfd;">Content here</p>
This element has a border color of #688bfd.
<div style="border:1px solid #688bfd;">Content here</div>
.text {color:#688bfd;}
.background {background-color:#688bfd;}
.border {border:1px solid #688bfd;}
Shades and Tints of #688bfd
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 #f0f3ff is the lightest one.
-
#000104
#000104
rgb(0,1,4)
-
#000617
#000617
rgb(0,6,23)
-
#010a2b
#010a2b
rgb(1,10,43)
-
#010f3e
#010f3e
rgb(1,15,62)
-
#011451
#011451
rgb(1,20,81)
-
#011965
#011965
rgb(1,25,101)
-
#021d78
#021d78
rgb(2,29,120)
-
#02228b
#02228b
rgb(2,34,139)
-
#02279f
#02279f
rgb(2,39,159)
-
#022cb2
#022cb2
rgb(2,44,178)
-
#0330c5
#0330c5
rgb(3,48,197)
-
#0335d9
#0335d9
rgb(3,53,217)
-
#033aec
#033aec
rgb(3,58,236)
-
#0741fc
#0741fc
rgb(7,65,252)
-
#1b50fc
#1b50fc
rgb(27,80,252)
-
#2e5efc
#2e5efc
rgb(46,94,252)
-
#416dfc
#416dfc
rgb(65,109,252)
-
#557cfd
#557cfd
rgb(85,124,253)
-
#688bfd
#688bfd
rgb(104,139,253)
-
#7b9afd
#7b9afd
rgb(123,154,253)
-
#8fa9fe
#8fa9fe
rgb(143,169,254)
-
#a2b8fe
#a2b8fe
rgb(162,184,254)
-
#b5c6fe
#b5c6fe
rgb(181,198,254)
-
#c9d5fe
#c9d5fe
rgb(201,213,254)
-
#dce4ff
#dce4ff
rgb(220,228,255)
-
#f0f3ff
#f0f3ff
rgb(240,243,255)
Tones of #688bfd
A tone is produced by adding gray to any pure hue. In this case, #afb0b6 is the less saturated color, while #688bfd is the most saturated one.
-
#afb0b6
#afb0b6
rgb(175,176,182)
-
#a9adbc
#a9adbc
rgb(169,173,188)
-
#a3aac2
#a3aac2
rgb(163,170,194)
-
#9da7c8
#9da7c8
rgb(157,167,200)
-
#97a4ce
#97a4ce
rgb(151,164,206)
-
#91a1d4
#91a1d4
rgb(145,161,212)
-
#8b9eda
#8b9eda
rgb(139,158,218)
-
#859be0
#859be0
rgb(133,155,224)
-
#8097e5
#8097e5
rgb(128,151,229)
-
#7a94eb
#7a94eb
rgb(122,148,235)
-
#7491f1
#7491f1
rgb(116,145,241)
-
#6e8ef7
#6e8ef7
rgb(110,142,247)
-
#688bfd
#688bfd
rgb(104,139,253)
Color Blindness Simulator
Below, you can see how #688bfd 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.