#7686f9 Color Information
In a RGB color space, hex #7686f9 is composed of 46.3% red, 52.5% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 52.6% cyan, 46.2% magenta, 0% yellow and 2.4% black. It has a hue angle of 232.7 degrees, a saturation of 91.6% and a lightness of 72%. #7686f9 color hex could be obtained by blending #ecffff with #000df3. Closest websafe color is: #6699ff.
-
- R 46
- G 53
- B 98
-
- C 53
- M 46
- Y 0
- K 2
● #7686f9 color description : Soft blue.
#7686f9 Color Conversion
The hexadecimal color #7686f9 has RGB values of R:118, G:134, B:249 and CMYK values of C:0.53, M:0.46, Y:0, K:0.02. Its decimal value is 7767801.
Hex triplet | 7686f9 | #7686f9 |
---|---|---|
RGB Decimal | 118, 134, 249 | rgb(118,134,249) |
RGB Percent | 46.3, 52.5, 97.6 | rgb(46.3%,52.5%,97.6%) |
CMYK | 53, 46, 0, 2 | |
HSL | 232.7°, 91.6, 72 | hsl(232.7,91.6%,72%) |
HSV (or HSB) | 232.7°, 52.6, 97.6 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 59.653, 25.656, -59.478 |
---|---|
XYZ | 33.092, 27.74, 93.228 |
xyY | 0.215, 0.18, 27.74 |
CIE-LCH | 59.653, 64.776, 293.333 |
CIE-LUV | 59.653, -12.59, -97.564 |
Hunter-Lab | 52.669, 19.981, -68.08 |
Binary | 01110110, 10000110, 11111001 |
Color Schemes with #7686f9
Alternatives to #7686f9
Below, you can see some colors close to #7686f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7686f9 Preview
This text has a font color of #7686f9.
<span style="color:#7686f9;">Text here</span>
This paragraph has a background color of #7686f9.
<p style="background-color:#7686f9;">Content here</p>
This element has a border color of #7686f9.
<div style="border:1px solid #7686f9;">Content here</div>
.text {color:#7686f9;}
.background {background-color:#7686f9;}
.border {border:1px solid #7686f9;}
Shades and Tints of #7686f9
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, #01020d is the darkest color, while #fafaff is the lightest one.
-
#01020d
#01020d
rgb(1,2,13)
-
#010520
#010520
rgb(1,5,32)
-
#020833
#020833
rgb(2,8,51)
-
#030b46
#030b46
rgb(3,11,70)
-
#040e59
#040e59
rgb(4,14,89)
-
#05116b
#05116b
rgb(5,17,107)
-
#06147e
#06147e
rgb(6,20,126)
-
#061791
#061791
rgb(6,23,145)
-
#071aa4
#071aa4
rgb(7,26,164)
-
#081db6
#081db6
rgb(8,29,182)
-
#0920c9
#0920c9
rgb(9,32,201)
-
#0a23dc
#0a23dc
rgb(10,35,220)
-
#0a26ef
#0a26ef
rgb(10,38,239)
-
#1833f5
#1833f5
rgb(24,51,245)
-
#2b44f6
#2b44f6
rgb(43,68,246)
-
#3e54f7
#3e54f7
rgb(62,84,247)
-
#5065f7
#5065f7
rgb(80,101,247)
-
#6375f8
#6375f8
rgb(99,117,248)
-
#7686f9
#7686f9
rgb(118,134,249)
-
#8997fa
#8997fa
rgb(137,151,250)
-
#9ca7fb
#9ca7fb
rgb(156,167,251)
-
#aeb8fb
#aeb8fb
rgb(174,184,251)
-
#c1c8fc
#c1c8fc
rgb(193,200,252)
-
#d4d9fd
#d4d9fd
rgb(212,217,253)
-
#e7eafe
#e7eafe
rgb(231,234,254)
-
#fafaff
#fafaff
rgb(250,250,255)
Tones of #7686f9
A tone is produced by adding gray to any pure hue. In this case, #b3b4bd is the less saturated color, while #7182ff is the most saturated one.
-
#b3b4bd
#b3b4bd
rgb(179,180,189)
-
#adb0c2
#adb0c2
rgb(173,176,194)
-
#a8abc8
#a8abc8
rgb(168,171,200)
-
#a2a7cd
#a2a7cd
rgb(162,167,205)
-
#9da3d3
#9da3d3
rgb(157,163,211)
-
#979fd8
#979fd8
rgb(151,159,216)
-
#929bde
#929bde
rgb(146,155,222)
-
#8c97e3
#8c97e3
rgb(140,151,227)
-
#8792e9
#8792e9
rgb(135,146,233)
-
#818eee
#818eee
rgb(129,142,238)
-
#7c8af4
#7c8af4
rgb(124,138,244)
-
#7686f9
#7686f9
rgb(118,134,249)
-
#7182ff
#7182ff
rgb(113,130,255)
Color Blindness Simulator
Below, you can see how #7686f9 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.