#688af0 Color Information
In a RGB color space, hex #688af0 is composed of 40.8% red, 54.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 42.5% magenta, 0% yellow and 5.9% black. It has a hue angle of 225 degrees, a saturation of 81.9% and a lightness of 67.5%. #688af0 color hex could be obtained by blending #d0ffff with #0015e1. Closest websafe color is: #6699ff.
-
- R 41
- G 54
- B 94
-
- C 57
- M 43
- Y 0
- K 6
● #688af0 color description : Soft blue.
#688af0 Color Conversion
The hexadecimal color #688af0 has RGB values of R:104, G:138, B:240 and CMYK values of C:0.57, M:0.43, Y:0, K:0.06. Its decimal value is 6851312.
Hex triplet | 688af0 | #688af0 |
---|---|---|
RGB Decimal | 104, 138, 240 | rgb(104,138,240) |
RGB Percent | 40.8, 54.1, 94.1 | rgb(40.8%,54.1%,94.1%) |
CMYK | 57, 43, 0, 6 | |
HSL | 225°, 81.9, 67.5 | hsl(225,81.9%,67.5%) |
HSV (or HSB) | 225°, 56.7, 94.1 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 59.352, 17.605, -55.04 |
---|---|
XYZ | 30.522, 27.41, 86.116 |
xyY | 0.212, 0.19, 27.41 |
CIE-LCH | 59.352, 57.787, 287.737 |
CIE-LUV | 59.352, -18.078, -89.451 |
Hunter-Lab | 52.354, 12.444, -60.876 |
Binary | 01101000, 10001010, 11110000 |
Color Schemes with #688af0
Alternatives to #688af0
Below, you can see some colors close to #688af0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#688af0 Preview
This text has a font color of #688af0.
<span style="color:#688af0;">Text here</span>
This paragraph has a background color of #688af0.
<p style="background-color:#688af0;">Content here</p>
This element has a border color of #688af0.
<div style="border:1px solid #688af0;">Content here</div>
.text {color:#688af0;}
.background {background-color:#688af0;}
.border {border:1px solid #688af0;}
Shades and Tints of #688af0
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, #01030a is the darkest color, while #f7f9fe is the lightest one.
-
#01030a
#01030a
rgb(1,3,10)
-
#03091b
#03091b
rgb(3,9,27)
-
#040f2d
#040f2d
rgb(4,15,45)
-
#06143f
#06143f
rgb(6,20,63)
-
#081a51
#081a51
rgb(8,26,81)
-
#0a2063
#0a2063
rgb(10,32,99)
-
#0c2675
#0c2675
rgb(12,38,117)
-
#0d2c86
#0d2c86
rgb(13,44,134)
-
#0f3198
#0f3198
rgb(15,49,152)
-
#1137aa
#1137aa
rgb(17,55,170)
-
#133dbc
#133dbc
rgb(19,61,188)
-
#1443ce
#1443ce
rgb(20,67,206)
-
#1649e0
#1649e0
rgb(22,73,224)
-
#2153e9
#2153e9
rgb(33,83,233)
-
#3261eb
#3261eb
rgb(50,97,235)
-
#446eec
#446eec
rgb(68,110,236)
-
#567cee
#567cee
rgb(86,124,238)
-
#688af0
#688af0
rgb(104,138,240)
-
#7a98f2
#7a98f2
rgb(122,152,242)
-
#8ca6f4
#8ca6f4
rgb(140,166,244)
-
#9eb3f5
#9eb3f5
rgb(158,179,245)
-
#afc1f7
#afc1f7
rgb(175,193,247)
-
#c1cff9
#c1cff9
rgb(193,207,249)
-
#d3ddfb
#d3ddfb
rgb(211,221,251)
-
#e5ebfc
#e5ebfc
rgb(229,235,252)
-
#f7f9fe
#f7f9fe
rgb(247,249,254)
Tones of #688af0
A tone is produced by adding gray to any pure hue. In this case, #a8aab0 is the less saturated color, while #5b84fd is the most saturated one.
-
#a8aab0
#a8aab0
rgb(168,170,176)
-
#a1a7b7
#a1a7b7
rgb(161,167,183)
-
#9ba4bd
#9ba4bd
rgb(155,164,189)
-
#95a0c3
#95a0c3
rgb(149,160,195)
-
#8e9dca
#8e9dca
rgb(142,157,202)
-
#889ad0
#889ad0
rgb(136,154,208)
-
#8297d6
#8297d6
rgb(130,151,214)
-
#7b94dd
#7b94dd
rgb(123,148,221)
-
#7590e3
#7590e3
rgb(117,144,227)
-
#6e8dea
#6e8dea
rgb(110,141,234)
-
#688af0
#688af0
rgb(104,138,240)
-
#6287f6
#6287f6
rgb(98,135,246)
-
#5b84fd
#5b84fd
rgb(91,132,253)
Color Blindness Simulator
Below, you can see how #688af0 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.