#688ff3 Color Information
In a RGB color space, hex #688ff3 is composed of 40.8% red, 56.1% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 57.2% cyan, 41.2% magenta, 0% yellow and 4.7% black. It has a hue angle of 223.2 degrees, a saturation of 85.3% and a lightness of 68%. #688ff3 color hex could be obtained by blending #d0ffff with #001fe7. Closest websafe color is: #6699ff.
-
- R 41
- G 56
- B 95
-
- C 57
- M 41
- Y 0
- K 5
● #688ff3 color description : Soft blue.
#688ff3 Color Conversion
The hexadecimal color #688ff3 has RGB values of R:104, G:143, B:243 and CMYK values of C:0.57, M:0.41, Y:0, K:0.05. Its decimal value is 6852595.
Hex triplet | 688ff3 | #688ff3 |
---|---|---|
RGB Decimal | 104, 143, 243 | rgb(104,143,243) |
RGB Percent | 40.8, 56.1, 95.3 | rgb(40.8%,56.1%,95.3%) |
CMYK | 57, 41, 0, 5 | |
HSL | 223.2°, 85.3, 68 | hsl(223.2,85.3%,68%) |
HSV (or HSB) | 223.2°, 57.2, 95.3 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 60.832, 15.592, -54.339 |
---|---|
XYZ | 31.706, 29.057, 88.727 |
xyY | 0.212, 0.194, 29.057 |
CIE-LCH | 60.832, 56.531, 286.01 |
CIE-LUV | 60.832, -19.769, -88.512 |
Hunter-Lab | 53.905, 10.656, -59.857 |
Binary | 01101000, 10001111, 11110011 |
Color Schemes with #688ff3
Alternatives to #688ff3
Below, you can see some colors close to #688ff3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#688ff3 Preview
This text has a font color of #688ff3.
<span style="color:#688ff3;">Text here</span>
This paragraph has a background color of #688ff3.
<p style="background-color:#688ff3;">Content here</p>
This element has a border color of #688ff3.
<div style="border:1px solid #688ff3;">Content here</div>
.text {color:#688ff3;}
.background {background-color:#688ff3;}
.border {border:1px solid #688ff3;}
Shades and Tints of #688ff3
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, #01040d is the darkest color, while #f9fbff is the lightest one.
-
#01040d
#01040d
rgb(1,4,13)
-
#020a1f
#020a1f
rgb(2,10,31)
-
#041131
#041131
rgb(4,17,49)
-
#051743
#051743
rgb(5,23,67)
-
#071d55
#071d55
rgb(7,29,85)
-
#082367
#082367
rgb(8,35,103)
-
#0a297a
#0a297a
rgb(10,41,122)
-
#0b2f8c
#0b2f8c
rgb(11,47,140)
-
#0d359e
#0d359e
rgb(13,53,158)
-
#0e3bb0
#0e3bb0
rgb(14,59,176)
-
#0f42c2
#0f42c2
rgb(15,66,194)
-
#1148d4
#1148d4
rgb(17,72,212)
-
#124ee7
#124ee7
rgb(18,78,231)
-
#1f59ed
#1f59ed
rgb(31,89,237)
-
#3167ef
#3167ef
rgb(49,103,239)
-
#4474f0
#4474f0
rgb(68,116,240)
-
#5682f2
#5682f2
rgb(86,130,242)
-
#688ff3
#688ff3
rgb(104,143,243)
-
#7a9cf4
#7a9cf4
rgb(122,156,244)
-
#8caaf6
#8caaf6
rgb(140,170,246)
-
#9fb7f7
#9fb7f7
rgb(159,183,247)
-
#b1c5f9
#b1c5f9
rgb(177,197,249)
-
#c3d2fa
#c3d2fa
rgb(195,210,250)
-
#d5e0fc
#d5e0fc
rgb(213,224,252)
-
#e7edfd
#e7edfd
rgb(231,237,253)
-
#f9fbff
#f9fbff
rgb(249,251,255)
Tones of #688ff3
A tone is produced by adding gray to any pure hue. In this case, #adadae is the less saturated color, while #628cf9 is the most saturated one.
-
#adadae
#adadae
rgb(173,173,174)
-
#a7abb4
#a7abb4
rgb(167,171,180)
-
#a0a8bb
#a0a8bb
rgb(160,168,187)
-
#9aa5c1
#9aa5c1
rgb(154,165,193)
-
#94a2c7
#94a2c7
rgb(148,162,199)
-
#8ea0cd
#8ea0cd
rgb(142,160,205)
-
#879dd4
#879dd4
rgb(135,157,212)
-
#819ada
#819ada
rgb(129,154,218)
-
#7b97e0
#7b97e0
rgb(123,151,224)
-
#7595e6
#7595e6
rgb(117,149,230)
-
#6e92ed
#6e92ed
rgb(110,146,237)
-
#688ff3
#688ff3
rgb(104,143,243)
-
#628cf9
#628cf9
rgb(98,140,249)
Color Blindness Simulator
Below, you can see how #688ff3 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.