#685ff6 Color Information
In a RGB color space, hex #685ff6 is composed of 40.8% red, 37.3% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 61.4% magenta, 0% yellow and 3.5% black. It has a hue angle of 243.6 degrees, a saturation of 89.3% and a lightness of 66.9%. #685ff6 color hex could be obtained by blending #d0beff with #0000ed. Closest websafe color is: #6666ff.
-
- R 41
- G 37
- B 96
-
- C 58
- M 61
- Y 0
- K 4
● #685ff6 color description : Soft blue.
#685ff6 Color Conversion
The hexadecimal color #685ff6 has RGB values of R:104, G:95, B:246 and CMYK values of C:0.58, M:0.61, Y:0, K:0.04. Its decimal value is 6840310.
Hex triplet | 685ff6 | #685ff6 |
---|---|---|
RGB Decimal | 104, 95, 246 | rgb(104,95,246) |
RGB Percent | 40.8, 37.3, 96.5 | rgb(40.8%,37.3%,96.5%) |
CMYK | 58, 61, 0, 4 | |
HSL | 243.6°, 89.3, 66.9 | hsl(243.6,89.3%,66.9%) |
HSV (or HSB) | 243.6°, 61.4, 96.5 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 49.228, 45.207, -74.692 |
---|---|
XYZ | 26.432, 17.78, 89.223 |
xyY | 0.198, 0.133, 17.78 |
CIE-LCH | 49.228, 87.308, 301.184 |
CIE-LUV | 49.228, -5.957, -117.11 |
Hunter-Lab | 42.167, 38.102, -95.938 |
Binary | 01101000, 01011111, 11110110 |
Color Schemes with #685ff6
Alternatives to #685ff6
Below, you can see some colors close to #685ff6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#685ff6 Preview
This text has a font color of #685ff6.
<span style="color:#685ff6;">Text here</span>
This paragraph has a background color of #685ff6.
<p style="background-color:#685ff6;">Content here</p>
This element has a border color of #685ff6.
<div style="border:1px solid #685ff6;">Content here</div>
.text {color:#685ff6;}
.background {background-color:#685ff6;}
.border {border:1px solid #685ff6;}
Shades and Tints of #685ff6
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, #010007 is the darkest color, while #f4f4fe is the lightest one.
-
#010007
#010007
rgb(1,0,7)
-
#03011a
#03011a
rgb(3,1,26)
-
#05022c
#05022c
rgb(5,2,44)
-
#07043f
#07043f
rgb(7,4,63)
-
#090551
#090551
rgb(9,5,81)
-
#0b0664
#0b0664
rgb(11,6,100)
-
#0d0777
#0d0777
rgb(13,7,119)
-
#0f0889
#0f0889
rgb(15,8,137)
-
#12099c
#12099c
rgb(18,9,156)
-
#140aae
#140aae
rgb(20,10,174)
-
#160bc1
#160bc1
rgb(22,11,193)
-
#180cd3
#180cd3
rgb(24,12,211)
-
#1a0de6
#1a0de6
rgb(26,13,230)
-
#2215f2
#2215f2
rgb(34,21,242)
-
#3327f3
#3327f3
rgb(51,39,243)
-
#453af4
#453af4
rgb(69,58,244)
-
#564cf5
#564cf5
rgb(86,76,245)
-
#685ff6
#685ff6
rgb(104,95,246)
-
#7a72f7
#7a72f7
rgb(122,114,247)
-
#8b84f8
#8b84f8
rgb(139,132,248)
-
#9d97f9
#9d97f9
rgb(157,151,249)
-
#aea9fa
#aea9fa
rgb(174,169,250)
-
#c0bcfb
#c0bcfb
rgb(192,188,251)
-
#d1cefc
#d1cefc
rgb(209,206,252)
-
#e3e1fd
#e3e1fd
rgb(227,225,253)
-
#f4f4fe
#f4f4fe
rgb(244,244,254)
Tones of #685ff6
A tone is produced by adding gray to any pure hue. In this case, #a7a7af is the less saturated color, while #6259fd is the most saturated one.
-
#a7a7af
#a7a7af
rgb(167,167,175)
-
#a1a0b5
#a1a0b5
rgb(161,160,181)
-
#9c9abc
#9c9abc
rgb(156,154,188)
-
#9693c2
#9693c2
rgb(150,147,194)
-
#908dc9
#908dc9
rgb(144,141,201)
-
#8a86cf
#8a86cf
rgb(138,134,207)
-
#8580d6
#8580d6
rgb(133,128,214)
-
#7f79dc
#7f79dc
rgb(127,121,220)
-
#7973e3
#7973e3
rgb(121,115,227)
-
#736ce9
#736ce9
rgb(115,108,233)
-
#6e66f0
#6e66f0
rgb(110,102,240)
-
#685ff6
#685ff6
rgb(104,95,246)
-
#6259fd
#6259fd
rgb(98,89,253)
Color Blindness Simulator
Below, you can see how #685ff6 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.