#688ef8 Color Information
In a RGB color space, hex #688ef8 is composed of 40.8% red, 55.7% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 42.7% magenta, 0% yellow and 2.7% black. It has a hue angle of 224.2 degrees, a saturation of 91.1% and a lightness of 69%. #688ef8 color hex could be obtained by blending #d0ffff with #001df1. Closest websafe color is: #6699ff.
-
- R 41
- G 56
- B 97
-
- C 58
- M 43
- Y 0
- K 3
● #688ef8 color description : Soft blue.
#688ef8 Color Conversion
The hexadecimal color #688ef8 has RGB values of R:104, G:142, B:248 and CMYK values of C:0.58, M:0.43, Y:0, K:0.03. Its decimal value is 6852344.
Hex triplet | 688ef8 | #688ef8 |
---|---|---|
RGB Decimal | 104, 142, 248 | rgb(104,142,248) |
RGB Percent | 40.8, 55.7, 97.3 | rgb(40.8%,55.7%,97.3%) |
CMYK | 58, 43, 0, 3 | |
HSL | 224.2°, 91.1, 69 | hsl(224.2,91.1%,69%) |
HSV (or HSB) | 224.2°, 58.1, 97.3 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 60.839, 17.796, -57.081 |
---|---|
XYZ | 32.322, 29.065, 92.709 |
xyY | 0.21, 0.189, 29.065 |
CIE-LCH | 60.839, 59.791, 287.316 |
CIE-LUV | 60.839, -19.48, -93.237 |
Hunter-Lab | 53.912, 12.671, -64.219 |
Binary | 01101000, 10001110, 11111000 |
Color Schemes with #688ef8
Alternatives to #688ef8
Below, you can see some colors close to #688ef8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#688ef8 Preview
This text has a font color of #688ef8.
<span style="color:#688ef8;">Text here</span>
This paragraph has a background color of #688ef8.
<p style="background-color:#688ef8;">Content here</p>
This element has a border color of #688ef8.
<div style="border:1px solid #688ef8;">Content here</div>
.text {color:#688ef8;}
.background {background-color:#688ef8;}
.border {border:1px solid #688ef8;}
Shades and Tints of #688ef8
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, #010512 is the darkest color, while #fefeff is the lightest one.
-
#010512
#010512
rgb(1,5,18)
-
#020b24
#020b24
rgb(2,11,36)
-
#031037
#031037
rgb(3,16,55)
-
#03164a
#03164a
rgb(3,22,74)
-
#041c5d
#041c5d
rgb(4,28,93)
-
#05216f
#05216f
rgb(5,33,111)
-
#062782
#062782
rgb(6,39,130)
-
#072c95
#072c95
rgb(7,44,149)
-
#0832a8
#0832a8
rgb(8,50,168)
-
#0938ba
#0938ba
rgb(9,56,186)
-
#0a3dcd
#0a3dcd
rgb(10,61,205)
-
#0a43e0
#0a43e0
rgb(10,67,224)
-
#0b48f3
#0b48f3
rgb(11,72,243)
-
#1d56f5
#1d56f5
rgb(29,86,245)
-
#3064f5
#3064f5
rgb(48,100,245)
-
#4372f6
#4372f6
rgb(67,114,246)
-
#5580f7
#5580f7
rgb(85,128,247)
-
#688ef8
#688ef8
rgb(104,142,248)
-
#7b9cf9
#7b9cf9
rgb(123,156,249)
-
#8daafa
#8daafa
rgb(141,170,250)
-
#a0b8fb
#a0b8fb
rgb(160,184,251)
-
#b3c6fb
#b3c6fb
rgb(179,198,251)
-
#c6d4fc
#c6d4fc
rgb(198,212,252)
-
#d8e2fd
#d8e2fd
rgb(216,226,253)
-
#ebf0fe
#ebf0fe
rgb(235,240,254)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #688ef8
A tone is produced by adding gray to any pure hue. In this case, #abaeb5 is the less saturated color, while #628bfe is the most saturated one.
-
#abaeb5
#abaeb5
rgb(171,174,181)
-
#a5abbb
#a5abbb
rgb(165,171,187)
-
#9fa8c1
#9fa8c1
rgb(159,168,193)
-
#99a5c7
#99a5c7
rgb(153,165,199)
-
#93a2cd
#93a2cd
rgb(147,162,205)
-
#8c9fd4
#8c9fd4
rgb(140,159,212)
-
#869cda
#869cda
rgb(134,156,218)
-
#8099e0
#8099e0
rgb(128,153,224)
-
#7a97e6
#7a97e6
rgb(122,151,230)
-
#7494ec
#7494ec
rgb(116,148,236)
-
#6e91f2
#6e91f2
rgb(110,145,242)
-
#688ef8
#688ef8
rgb(104,142,248)
-
#628bfe
#628bfe
rgb(98,139,254)
Color Blindness Simulator
Below, you can see how #688ef8 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.