#7686a2 Color Information
In a RGB color space, hex #7686a2 is composed of 46.3% red, 52.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 27.2% cyan, 17.3% magenta, 0% yellow and 36.5% black. It has a hue angle of 218.2 degrees, a saturation of 19.1% and a lightness of 54.9%. #7686a2 color hex could be obtained by blending #ecffff with #000d45. Closest websafe color is: #669999.
-
- R 46
- G 53
- B 64
-
- C 27
- M 17
- Y 0
- K 36
● #7686a2 color description : Mostly desaturated dark blue.
#7686a2 Color Conversion
The hexadecimal color #7686a2 has RGB values of R:118, G:134, B:162 and CMYK values of C:0.27, M:0.17, Y:0, K:0.36. Its decimal value is 7767714.
Hex triplet | 7686a2 | #7686a2 |
---|---|---|
RGB Decimal | 118, 134, 162 | rgb(118,134,162) |
RGB Percent | 46.3, 52.5, 63.5 | rgb(46.3%,52.5%,63.5%) |
CMYK | 27, 17, 0, 36 | |
HSL | 218.2°, 19.1, 54.9 | hsl(218.2,19.1%,54.9%) |
HSV (or HSB) | 218.2°, 27.2, 63.5 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 55.594, 0.786, -16.793 |
---|---|
XYZ | 22.517, 23.51, 37.532 |
xyY | 0.269, 0.281, 23.51 |
CIE-LCH | 55.594, 16.812, 272.678 |
CIE-LUV | 55.594, -9.531, -24.962 |
Hunter-Lab | 48.487, -1.96, -11.953 |
Binary | 01110110, 10000110, 10100010 |
Color Schemes with #7686a2
Alternatives to #7686a2
Below, you can see some colors close to #7686a2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7686a2 Preview
This text has a font color of #7686a2.
<span style="color:#7686a2;">Text here</span>
This paragraph has a background color of #7686a2.
<p style="background-color:#7686a2;">Content here</p>
This element has a border color of #7686a2.
<div style="border:1px solid #7686a2;">Content here</div>
.text {color:#7686a2;}
.background {background-color:#7686a2;}
.border {border:1px solid #7686a2;}
Shades and Tints of #7686a2
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, #020303 is the darkest color, while #f7f8f9 is the lightest one.
-
#020303
#020303
rgb(2,3,3)
-
#0a0c0f
#0a0c0f
rgb(10,12,15)
-
#12151b
#12151b
rgb(18,21,27)
-
#1a1e26
#1a1e26
rgb(26,30,38)
-
#222832
#222832
rgb(34,40,50)
-
#2a313e
#2a313e
rgb(42,49,62)
-
#323a49
#323a49
rgb(50,58,73)
-
#3a4455
#3a4455
rgb(58,68,85)
-
#424d61
#424d61
rgb(66,77,97)
-
#4a566c
#4a566c
rgb(74,86,108)
-
#516078
#516078
rgb(81,96,120)
-
#596984
#596984
rgb(89,105,132)
-
#61728f
#61728f
rgb(97,114,143)
-
#6a7c9a
#6a7c9a
rgb(106,124,154)
-
#7686a2
#7686a2
rgb(118,134,162)
-
#8290aa
#8290aa
rgb(130,144,170)
-
#8d9bb2
#8d9bb2
rgb(141,155,178)
-
#99a5ba
#99a5ba
rgb(153,165,186)
-
#a5afc2
#a5afc2
rgb(165,175,194)
-
#b0baca
#b0baca
rgb(176,186,202)
-
#bcc4d2
#bcc4d2
rgb(188,196,210)
-
#c8ceda
#c8ceda
rgb(200,206,218)
-
#d3d9e1
#d3d9e1
rgb(211,217,225)
-
#dfe3e9
#dfe3e9
rgb(223,227,233)
-
#ebedf1
#ebedf1
rgb(235,237,241)
-
#f7f8f9
#f7f8f9
rgb(247,248,249)
Tones of #7686a2
A tone is produced by adding gray to any pure hue. In this case, #888b90 is the less saturated color, while #1e6efa is the most saturated one.
-
#888b90
#888b90
rgb(136,139,144)
-
#7f8899
#7f8899
rgb(127,136,153)
-
#7686a2
#7686a2
rgb(118,134,162)
-
#6d84ab
#6d84ab
rgb(109,132,171)
-
#6481b4
#6481b4
rgb(100,129,180)
-
#5b7fbd
#5b7fbd
rgb(91,127,189)
-
#537cc5
#537cc5
rgb(83,124,197)
-
#4a7ace
#4a7ace
rgb(74,122,206)
-
#4178d7
#4178d7
rgb(65,120,215)
-
#3875e0
#3875e0
rgb(56,117,224)
-
#2f73e9
#2f73e9
rgb(47,115,233)
-
#2670f2
#2670f2
rgb(38,112,242)
-
#1e6efa
#1e6efa
rgb(30,110,250)
Color Blindness Simulator
Below, you can see how #7686a2 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.