#685ffd Color Information
In a RGB color space, hex #685ffd is composed of 40.8% red, 37.3% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 58.9% cyan, 62.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 243.4 degrees, a saturation of 97.5% and a lightness of 68.2%. #685ffd color hex could be obtained by blending #d0beff with #0000fb. Closest websafe color is: #6666ff.
-
- R 41
- G 37
- B 99
-
- C 59
- M 62
- Y 0
- K 1
● #685ffd color description : Soft blue.
#685ffd Color Conversion
The hexadecimal color #685ffd has RGB values of R:104, G:95, B:253 and CMYK values of C:0.59, M:0.62, Y:0, K:0.01. Its decimal value is 6840317.
Hex triplet | 685ffd | #685ffd |
---|---|---|
RGB Decimal | 104, 95, 253 | rgb(104,95,253) |
RGB Percent | 40.8, 37.3, 99.2 | rgb(40.8%,37.3%,99.2%) |
CMYK | 59, 62, 0, 1 | |
HSL | 243.4°, 97.5, 68.2 | hsl(243.4,97.5%,68.2%) |
HSV (or HSB) | 243.4°, 62.5, 99.2 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 49.76, 47.363, -77.724 |
---|---|
XYZ | 27.527, 18.218, 94.989 |
xyY | 0.196, 0.129, 18.218 |
CIE-LCH | 49.76, 91.018, 301.357 |
CIE-LUV | 49.76, -6.382, -121.887 |
Hunter-Lab | 42.683, 40.425, -102.07 |
Binary | 01101000, 01011111, 11111101 |
Color Schemes with #685ffd
Alternatives to #685ffd
Below, you can see some colors close to #685ffd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#685ffd Preview
This text has a font color of #685ffd.
<span style="color:#685ffd;">Text here</span>
This paragraph has a background color of #685ffd.
<p style="background-color:#685ffd;">Content here</p>
This element has a border color of #685ffd.
<div style="border:1px solid #685ffd;">Content here</div>
.text {color:#685ffd;}
.background {background-color:#685ffd;}
.border {border:1px solid #685ffd;}
Shades and Tints of #685ffd
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, #01000e is the darkest color, while #fafaff is the lightest one.
-
#01000e
#01000e
rgb(1,0,14)
-
#020022
#020022
rgb(2,0,34)
-
#040135
#040135
rgb(4,1,53)
-
#050148
#050148
rgb(5,1,72)
-
#06015c
#06015c
rgb(6,1,92)
-
#08016f
#08016f
rgb(8,1,111)
-
#090283
#090283
rgb(9,2,131)
-
#0a0296
#0a0296
rgb(10,2,150)
-
#0c02a9
#0c02a9
rgb(12,2,169)
-
#0d02bd
#0d02bd
rgb(13,2,189)
-
#0e03d0
#0e03d0
rgb(14,3,208)
-
#1003e3
#1003e3
rgb(16,3,227)
-
#1103f7
#1103f7
rgb(17,3,247)
-
#1f12fc
#1f12fc
rgb(31,18,252)
-
#3125fc
#3125fc
rgb(49,37,252)
-
#4338fd
#4338fd
rgb(67,56,253)
-
#564cfd
#564cfd
rgb(86,76,253)
-
#685ffd
#685ffd
rgb(104,95,253)
-
#7a72fd
#7a72fd
rgb(122,114,253)
-
#8d86fd
#8d86fd
rgb(141,134,253)
-
#9f99fe
#9f99fe
rgb(159,153,254)
-
#b1acfe
#b1acfe
rgb(177,172,254)
-
#c3c0fe
#c3c0fe
rgb(195,192,254)
-
#d6d3fe
#d6d3fe
rgb(214,211,254)
-
#e8e7ff
#e8e7ff
rgb(232,231,255)
-
#fafaff
#fafaff
rgb(250,250,255)
Tones of #685ffd
A tone is produced by adding gray to any pure hue. In this case, #aaaab2 is the less saturated color, while #685ffd is the most saturated one.
-
#aaaab2
#aaaab2
rgb(170,170,178)
-
#a5a4b8
#a5a4b8
rgb(165,164,184)
-
#9f9dbf
#9f9dbf
rgb(159,157,191)
-
#9a97c5
#9a97c5
rgb(154,151,197)
-
#9491cb
#9491cb
rgb(148,145,203)
-
#8f8bd1
#8f8bd1
rgb(143,139,209)
-
#8984d8
#8984d8
rgb(137,132,216)
-
#847ede
#847ede
rgb(132,126,222)
-
#7e78e4
#7e78e4
rgb(126,120,228)
-
#7972ea
#7972ea
rgb(121,114,234)
-
#736bf1
#736bf1
rgb(115,107,241)
-
#6e65f7
#6e65f7
rgb(110,101,247)
-
#685ffd
#685ffd
rgb(104,95,253)
Color Blindness Simulator
Below, you can see how #685ffd 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.