#686efa Color Information
In a RGB color space, hex #686efa is composed of 40.8% red, 43.1% green and 98% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 56% magenta, 0% yellow and 2% black. It has a hue angle of 237.5 degrees, a saturation of 93.6% and a lightness of 69.4%. #686efa color hex could be obtained by blending #d0dcff with #0000f5. Closest websafe color is: #6666ff.
-
- R 41
- G 43
- B 98
-
- C 58
- M 56
- Y 0
- K 2
● #686efa color description : Soft blue.
#686efa Color Conversion
The hexadecimal color #686efa has RGB values of R:104, G:110, B:250 and CMYK values of C:0.58, M:0.56, Y:0, K:0.02. Its decimal value is 6844154.
Hex triplet | 686efa | #686efa |
---|---|---|
RGB Decimal | 104, 110, 250 | rgb(104,110,250) |
RGB Percent | 40.8, 43.1, 98 | rgb(40.8%,43.1%,98%) |
CMYK | 58, 56, 0, 2 | |
HSL | 237.5°, 93.6, 69.4 | hsl(237.5,93.6%,69.4%) |
HSV (or HSB) | 237.5°, 58.4, 98 | |
Web Safe | 6666ff | #6666ff |
CIE-LAB | 52.945, 37.629, -70.88 |
---|---|
XYZ | 28.537, 20.996, 92.986 |
xyY | 0.2, 0.147, 20.996 |
CIE-LCH | 52.945, 80.249, 297.963 |
CIE-LUV | 52.945, -9.946, -113.394 |
Hunter-Lab | 45.821, 30.98, -88.244 |
Binary | 01101000, 01101110, 11111010 |
Color Schemes with #686efa
Alternatives to #686efa
Below, you can see some colors close to #686efa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#686efa Preview
This text has a font color of #686efa.
<span style="color:#686efa;">Text here</span>
This paragraph has a background color of #686efa.
<p style="background-color:#686efa;">Content here</p>
This element has a border color of #686efa.
<div style="border:1px solid #686efa;">Content here</div>
.text {color:#686efa;}
.background {background-color:#686efa;}
.border {border:1px solid #686efa;}
Shades and Tints of #686efa
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, #000001 is the darkest color, while #edeefe is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#010114
#010114
rgb(1,1,20)
-
#010327
#010327
rgb(1,3,39)
-
#02043a
#02043a
rgb(2,4,58)
-
#03064d
#03064d
rgb(3,6,77)
-
#030760
#030760
rgb(3,7,96)
-
#040873
#040873
rgb(4,8,115)
-
#040a86
#040a86
rgb(4,10,134)
-
#050b99
#050b99
rgb(5,11,153)
-
#060dac
#060dac
rgb(6,13,172)
-
#060ebf
#060ebf
rgb(6,14,191)
-
#070fd2
#070fd2
rgb(7,15,210)
-
#0811e5
#0811e5
rgb(8,17,229)
-
#0913f7
#0913f7
rgb(9,19,247)
-
#1c25f7
#1c25f7
rgb(28,37,247)
-
#2f37f8
#2f37f8
rgb(47,55,248)
-
#424af9
#424af9
rgb(66,74,249)
-
#555cf9
#555cf9
rgb(85,92,249)
-
#686efa
#686efa
rgb(104,110,250)
-
#7b80fb
#7b80fb
rgb(123,128,251)
-
#8e92fb
#8e92fb
rgb(142,146,251)
-
#a1a5fc
#a1a5fc
rgb(161,165,252)
-
#b4b7fd
#b4b7fd
rgb(180,183,253)
-
#c7c9fd
#c7c9fd
rgb(199,201,253)
-
#dadbfe
#dadbfe
rgb(218,219,254)
-
#edeefe
#edeefe
rgb(237,238,254)
Tones of #686efa
A tone is produced by adding gray to any pure hue. In this case, #b0b0b2 is the less saturated color, while #686efa is the most saturated one.
-
#b0b0b2
#b0b0b2
rgb(176,176,178)
-
#aaabb8
#aaabb8
rgb(170,171,184)
-
#a4a5be
#a4a5be
rgb(164,165,190)
-
#9ea0c4
#9ea0c4
rgb(158,160,196)
-
#989aca
#989aca
rgb(152,154,202)
-
#9295d0
#9295d0
rgb(146,149,208)
-
#8c8fd6
#8c8fd6
rgb(140,143,214)
-
#868adc
#868adc
rgb(134,138,220)
-
#8084e2
#8084e2
rgb(128,132,226)
-
#7a7fe8
#7a7fe8
rgb(122,127,232)
-
#7479ee
#7479ee
rgb(116,121,238)
-
#6e74f4
#6e74f4
rgb(110,116,244)
-
#686efa
#686efa
rgb(104,110,250)
Color Blindness Simulator
Below, you can see how #686efa 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.