#688cdd Color Information
In a RGB color space, hex #688cdd is composed of 40.8% red, 54.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 36.7% magenta, 0% yellow and 13.3% black. It has a hue angle of 221.5 degrees, a saturation of 63.2% and a lightness of 63.7%. #688cdd color hex could be obtained by blending #d0ffff with #0019bb. Closest websafe color is: #6699cc.
-
- R 41
- G 55
- B 87
-
- C 53
- M 37
- Y 0
- K 13
● #688cdd color description : Soft blue.
#688cdd Color Conversion
The hexadecimal color #688cdd has RGB values of R:104, G:140, B:221 and CMYK values of C:0.53, M:0.37, Y:0, K:0.13. Its decimal value is 6851805.
Hex triplet | 688cdd | #688cdd |
---|---|---|
RGB Decimal | 104, 140, 221 | rgb(104,140,221) |
RGB Percent | 40.8, 54.9, 86.7 | rgb(40.8%,54.9%,86.7%) |
CMYK | 53, 37, 0, 13 | |
HSL | 221.5°, 63.2, 63.7 | hsl(221.5,63.2%,63.7%) |
HSV (or HSB) | 221.5°, 52.9, 86.7 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 58.899, 10.389, -45.2 |
---|---|
XYZ | 28.135, 26.918, 72.116 |
xyY | 0.221, 0.212, 26.918 |
CIE-LCH | 58.899, 46.379, 282.944 |
CIE-LUV | 58.899, -18.556, -72.448 |
Hunter-Lab | 51.883, 6.003, -46.094 |
Binary | 01101000, 10001100, 11011101 |
Color Schemes with #688cdd
Alternatives to #688cdd
Below, you can see some colors close to #688cdd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#688cdd Preview
This text has a font color of #688cdd.
<span style="color:#688cdd;">Text here</span>
This paragraph has a background color of #688cdd.
<p style="background-color:#688cdd;">Content here</p>
This element has a border color of #688cdd.
<div style="border:1px solid #688cdd;">Content here</div>
.text {color:#688cdd;}
.background {background-color:#688cdd;}
.border {border:1px solid #688cdd;}
Shades and Tints of #688cdd
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, #020409 is the darkest color, while #f8fafd is the lightest one.
-
#020409
#020409
rgb(2,4,9)
-
#060c19
#060c19
rgb(6,12,25)
-
#091329
#091329
rgb(9,19,41)
-
#0d1a39
#0d1a39
rgb(13,26,57)
-
#102249
#102249
rgb(16,34,73)
-
#142959
#142959
rgb(20,41,89)
-
#183169
#183169
rgb(24,49,105)
-
#1b3879
#1b3879
rgb(27,56,121)
-
#1f4089
#1f4089
rgb(31,64,137)
-
#224799
#224799
rgb(34,71,153)
-
#264ea9
#264ea9
rgb(38,78,169)
-
#2a56b9
#2a56b9
rgb(42,86,185)
-
#2d5dc9
#2d5dc9
rgb(45,93,201)
-
#3867d2
#3867d2
rgb(56,103,210)
-
#4874d6
#4874d6
rgb(72,116,214)
-
#5880d9
#5880d9
rgb(88,128,217)
-
#688cdd
#688cdd
rgb(104,140,221)
-
#7898e1
#7898e1
rgb(120,152,225)
-
#88a4e4
#88a4e4
rgb(136,164,228)
-
#98b1e8
#98b1e8
rgb(152,177,232)
-
#a8bdeb
#a8bdeb
rgb(168,189,235)
-
#b8c9ef
#b8c9ef
rgb(184,201,239)
-
#c8d5f3
#c8d5f3
rgb(200,213,243)
-
#d8e1f6
#d8e1f6
rgb(216,225,246)
-
#e8eefa
#e8eefa
rgb(232,238,250)
-
#f8fafd
#f8fafd
rgb(248,250,253)
Tones of #688cdd
A tone is produced by adding gray to any pure hue. In this case, #a1a2a4 is the less saturated color, while #4c81f9 is the most saturated one.
-
#a1a2a4
#a1a2a4
rgb(161,162,164)
-
#9a9fab
#9a9fab
rgb(154,159,171)
-
#939cb2
#939cb2
rgb(147,156,178)
-
#8c9ab9
#8c9ab9
rgb(140,154,185)
-
#8497c1
#8497c1
rgb(132,151,193)
-
#7d94c8
#7d94c8
rgb(125,148,200)
-
#7691cf
#7691cf
rgb(118,145,207)
-
#6f8fd6
#6f8fd6
rgb(111,143,214)
-
#688cdd
#688cdd
rgb(104,140,221)
-
#6189e4
#6189e4
rgb(97,137,228)
-
#5a87eb
#5a87eb
rgb(90,135,235)
-
#5384f2
#5384f2
rgb(83,132,242)
-
#4c81f9
#4c81f9
rgb(76,129,249)
Color Blindness Simulator
Below, you can see how #688cdd 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.