#7686e9 Color Information
In a RGB color space, hex #7686e9 is composed of 46.3% red, 52.5% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 42.5% magenta, 0% yellow and 8.6% black. It has a hue angle of 231.7 degrees, a saturation of 72.3% and a lightness of 68.8%. #7686e9 color hex could be obtained by blending #ecffff with #000dd3. Closest websafe color is: #6699ff.
-
- R 46
- G 53
- B 91
-
- C 49
- M 42
- Y 0
- K 9
● #7686e9 color description : Soft blue.
#7686e9 Color Conversion
The hexadecimal color #7686e9 has RGB values of R:118, G:134, B:233 and CMYK values of C:0.49, M:0.42, Y:0, K:0.09. Its decimal value is 7767785.
Hex triplet | 7686e9 | #7686e9 |
---|---|---|
RGB Decimal | 118, 134, 233 | rgb(118,134,233) |
RGB Percent | 46.3, 52.5, 91.4 | rgb(46.3%,52.5%,91.4%) |
CMYK | 49, 42, 0, 9 | |
HSL | 231.7°, 72.3, 68.8 | hsl(231.7,72.3%,68.8%) |
HSV (or HSB) | 231.7°, 49.4, 91.4 | |
Web Safe | 6699ff | #6699ff |
CIE-LAB | 58.774, 20.765, -52.029 |
---|---|
XYZ | 30.701, 26.784, 80.638 |
xyY | 0.222, 0.194, 26.784 |
CIE-LCH | 58.774, 56.02, 291.757 |
CIE-LUV | 58.774, -12.024, -84.724 |
Hunter-Lab | 51.753, 15.323, -56.155 |
Binary | 01110110, 10000110, 11101001 |
Color Schemes with #7686e9
Alternatives to #7686e9
Below, you can see some colors close to #7686e9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7686e9 Preview
This text has a font color of #7686e9.
<span style="color:#7686e9;">Text here</span>
This paragraph has a background color of #7686e9.
<p style="background-color:#7686e9;">Content here</p>
This element has a border color of #7686e9.
<div style="border:1px solid #7686e9;">Content here</div>
.text {color:#7686e9;}
.background {background-color:#7686e9;}
.border {border:1px solid #7686e9;}
Shades and Tints of #7686e9
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, #02040f is the darkest color, while #fdfdff is the lightest one.
-
#02040f
#02040f
rgb(2,4,15)
-
#050920
#050920
rgb(5,9,32)
-
#080e31
#080e31
rgb(8,14,49)
-
#0b1242
#0b1242
rgb(11,18,66)
-
#0d1753
#0d1753
rgb(13,23,83)
-
#101c64
#101c64
rgb(16,28,100)
-
#132075
#132075
rgb(19,32,117)
-
#152585
#152585
rgb(21,37,133)
-
#182a96
#182a96
rgb(24,42,150)
-
#1b2ea7
#1b2ea7
rgb(27,46,167)
-
#1e33b8
#1e33b8
rgb(30,51,184)
-
#2038c9
#2038c9
rgb(32,56,201)
-
#233cda
#233cda
rgb(35,60,218)
-
#324ade
#324ade
rgb(50,74,222)
-
#4359e1
#4359e1
rgb(67,89,225)
-
#5468e4
#5468e4
rgb(84,104,228)
-
#6577e6
#6577e6
rgb(101,119,230)
-
#7686e9
#7686e9
rgb(118,134,233)
-
#8795ec
#8795ec
rgb(135,149,236)
-
#98a4ee
#98a4ee
rgb(152,164,238)
-
#a9b3f1
#a9b3f1
rgb(169,179,241)
-
#bac2f4
#bac2f4
rgb(186,194,244)
-
#cbd1f7
#cbd1f7
rgb(203,209,247)
-
#dbe0f9
#dbe0f9
rgb(219,224,249)
-
#eceefc
#eceefc
rgb(236,238,252)
-
#fdfdff
#fdfdff
rgb(253,253,255)
Tones of #7686e9
A tone is produced by adding gray to any pure hue. In this case, #adaeb2 is the less saturated color, while #6479fb is the most saturated one.
-
#adaeb2
#adaeb2
rgb(173,174,178)
-
#a7a9b8
#a7a9b8
rgb(167,169,184)
-
#a1a5be
#a1a5be
rgb(161,165,190)
-
#9ba0c4
#9ba0c4
rgb(155,160,196)
-
#959cca
#959cca
rgb(149,156,202)
-
#8e98d1
#8e98d1
rgb(142,152,209)
-
#8893d7
#8893d7
rgb(136,147,215)
-
#828fdd
#828fdd
rgb(130,143,221)
-
#7c8ae3
#7c8ae3
rgb(124,138,227)
-
#7686e9
#7686e9
rgb(118,134,233)
-
#7082ef
#7082ef
rgb(112,130,239)
-
#6a7df5
#6a7df5
rgb(106,125,245)
-
#6479fb
#6479fb
rgb(100,121,251)
Color Blindness Simulator
Below, you can see how #7686e9 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.