#689ffd Color Information
In a RGB color space, hex #689ffd is composed of 40.8% red, 62.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 37.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 217.9 degrees, a saturation of 97.4% and a lightness of 70%. #689ffd color hex could be obtained by blending #d0ffff with #003ffb. Closest websafe color is: #6699ff.
-
- R 41
- G 62
- B 99
-
- C 59
- M 37
- Y 0
- K 1
● #689ffd color description : Soft blue.
#689ffd Color Conversion
The hexadecimal color #689ffd has RGB values of R:104, G:159, B:253 and CMYK values of C:0.59, M:0.37, Y:0, K:0.01. Its decimal value is 6856701.
Hex triplet | 689ffd | #689ffd |
---|---|---|
RGB Decimal | 104, 159, 253 | rgb(104,159,253) |
RGB Percent | 40.8, 62.4, 99.2 | rgb(40.8%,62.4%,99.2%) |
CMYK | 59, 37, 0, 1 | |
HSL | 217.9°, 97.4, 70 | hsl(217.9,97.4%,70%) |
HSV (or HSB) | 217.9°, 58.9, 99.2 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 65.615, 9.412, -52.226 |
---|---|
XYZ | 35.833, 34.829, 97.758 |
xyY | 0.213, 0.207, 34.829 |
CIE-LCH | 65.615, 53.067, 280.216 |
CIE-LUV | 65.615, -25.181, -85.492 |
Hunter-Lab | 59.016, 5.101, -56.9 |
Binary | 01101000, 10011111, 11111101 |
Color Schemes with #689ffd
Alternatives to #689ffd
Below, you can see some colors close to #689ffd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#689ffd Preview
This text has a font color of #689ffd.
<span style="color:#689ffd;">Text here</span>
This paragraph has a background color of #689ffd.
<p style="background-color:#689ffd;">Content here</p>
This element has a border color of #689ffd.
<div style="border:1px solid #689ffd;">Content here</div>
.text {color:#689ffd;}
.background {background-color:#689ffd;}
.border {border:1px solid #689ffd;}
Shades and Tints of #689ffd
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 #f0f5ff is the lightest one.
-
#000104
#000104
rgb(0,1,4)
-
#000917
#000917
rgb(0,9,23)
-
#01102b
#01102b
rgb(1,16,43)
-
#01173e
#01173e
rgb(1,23,62)
-
#011f51
#011f51
rgb(1,31,81)
-
#012665
#012665
rgb(1,38,101)
-
#022d78
#022d78
rgb(2,45,120)
-
#02358b
#02358b
rgb(2,53,139)
-
#023c9f
#023c9f
rgb(2,60,159)
-
#0243b2
#0243b2
rgb(2,67,178)
-
#034bc5
#034bc5
rgb(3,75,197)
-
#0352d9
#0352d9
rgb(3,82,217)
-
#0359ec
#0359ec
rgb(3,89,236)
-
#0761fc
#0761fc
rgb(7,97,252)
-
#1b6efc
#1b6efc
rgb(27,110,252)
-
#2e7afc
#2e7afc
rgb(46,122,252)
-
#4186fc
#4186fc
rgb(65,134,252)
-
#5593fd
#5593fd
rgb(85,147,253)
-
#689ffd
#689ffd
rgb(104,159,253)
-
#7babfd
#7babfd
rgb(123,171,253)
-
#8fb8fe
#8fb8fe
rgb(143,184,254)
-
#a2c4fe
#a2c4fe
rgb(162,196,254)
-
#b5d0fe
#b5d0fe
rgb(181,208,254)
-
#c9ddfe
#c9ddfe
rgb(201,221,254)
-
#dce9ff
#dce9ff
rgb(220,233,255)
-
#f0f5ff
#f0f5ff
rgb(240,245,255)
Tones of #689ffd
A tone is produced by adding gray to any pure hue. In this case, #afb1b6 is the less saturated color, while #689ffd is the most saturated one.
-
#afb1b6
#afb1b6
rgb(175,177,182)
-
#a9b0bc
#a9b0bc
rgb(169,176,188)
-
#a3aec2
#a3aec2
rgb(163,174,194)
-
#9dadc8
#9dadc8
rgb(157,173,200)
-
#97abce
#97abce
rgb(151,171,206)
-
#91aad4
#91aad4
rgb(145,170,212)
-
#8ba8da
#8ba8da
rgb(139,168,218)
-
#85a7e0
#85a7e0
rgb(133,167,224)
-
#80a5e5
#80a5e5
rgb(128,165,229)
-
#7aa4eb
#7aa4eb
rgb(122,164,235)
-
#74a2f1
#74a2f1
rgb(116,162,241)
-
#6ea1f7
#6ea1f7
rgb(110,161,247)
-
#689ffd
#689ffd
rgb(104,159,253)
Color Blindness Simulator
Below, you can see how #689ffd 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.