#7688e2 Color Information
In a RGB color space, hex #7688e2 is composed of 46.3% red, 53.3% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 47.8% cyan, 39.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 230 degrees, a saturation of 65.1% and a lightness of 67.5%. #7688e2 color hex could be obtained by blending #ecffff with #0011c5. Closest websafe color is: #6699cc.
-
- R 46
- G 53
- B 89
-
- C 48
- M 40
- Y 0
- K 11
● #7688e2 color description : Soft blue.
#7688e2 Color Conversion
The hexadecimal color #7688e2 has RGB values of R:118, G:136, B:226 and CMYK values of C:0.48, M:0.4, Y:0, K:0.11. Its decimal value is 7768290.
Hex triplet | 7688e2 | #7688e2 |
---|---|---|
RGB Decimal | 118, 136, 226 | rgb(118,136,226) |
RGB Percent | 46.3, 53.3, 88.6 | rgb(46.3%,53.3%,88.6%) |
CMYK | 48, 40, 0, 11 | |
HSL | 230°, 65.1, 67.5 | hsl(230,65.1%,67.5%) |
HSV (or HSB) | 230°, 47.8, 88.6 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 58.928, 17.468, -47.889 |
---|---|
XYZ | 30, 26.95, 75.568 |
xyY | 0.226, 0.203, 26.95 |
CIE-LCH | 58.928, 50.975, 290.04 |
CIE-LUV | 58.928, -12.474, -77.655 |
Hunter-Lab | 51.913, 12.305, -49.967 |
Binary | 01110110, 10001000, 11100010 |
Color Schemes with #7688e2
Alternatives to #7688e2
Below, you can see some colors close to #7688e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7688e2 Preview
This text has a font color of #7688e2.
<span style="color:#7688e2;">Text here</span>
This paragraph has a background color of #7688e2.
<p style="background-color:#7688e2;">Content here</p>
This element has a border color of #7688e2.
<div style="border:1px solid #7688e2;">Content here</div>
.text {color:#7688e2;}
.background {background-color:#7688e2;}
.border {border:1px solid #7688e2;}
Shades and Tints of #7688e2
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, #020309 is the darkest color, while #f8f8fd is the lightest one.
-
#020309
#020309
rgb(2,3,9)
-
#050919
#050919
rgb(5,9,25)
-
#090e29
#090e29
rgb(9,14,41)
-
#0c1439
#0c1439
rgb(12,20,57)
-
#101949
#101949
rgb(16,25,73)
-
#131f5a
#131f5a
rgb(19,31,90)
-
#16246a
#16246a
rgb(22,36,106)
-
#1a2a7a
#1a2a7a
rgb(26,42,122)
-
#1d2f8a
#1d2f8a
rgb(29,47,138)
-
#21359a
#21359a
rgb(33,53,154)
-
#243bab
#243bab
rgb(36,59,171)
-
#2840bb
#2840bb
rgb(40,64,187)
-
#2b46cb
#2b46cb
rgb(43,70,203)
-
#3550d4
#3550d4
rgb(53,80,212)
-
#455ed8
#455ed8
rgb(69,94,216)
-
#566cdb
#566cdb
rgb(86,108,219)
-
#667adf
#667adf
rgb(102,122,223)
-
#7688e2
#7688e2
rgb(118,136,226)
-
#8696e5
#8696e5
rgb(134,150,229)
-
#96a4e9
#96a4e9
rgb(150,164,233)
-
#a7b2ec
#a7b2ec
rgb(167,178,236)
-
#b7c0f0
#b7c0f0
rgb(183,192,240)
-
#c7cef3
#c7cef3
rgb(199,206,243)
-
#d7dcf7
#d7dcf7
rgb(215,220,247)
-
#e7eafa
#e7eafa
rgb(231,234,250)
-
#f8f8fd
#f8f8fd
rgb(248,248,253)
Tones of #7688e2
A tone is produced by adding gray to any pure hue. In this case, #a9aaaf is the less saturated color, while #5c77fc is the most saturated one.
-
#a9aaaf
#a9aaaf
rgb(169,170,175)
-
#a3a6b5
#a3a6b5
rgb(163,166,181)
-
#9ca2bc
#9ca2bc
rgb(156,162,188)
-
#969dc2
#969dc2
rgb(150,157,194)
-
#9099c8
#9099c8
rgb(144,153,200)
-
#8995cf
#8995cf
rgb(137,149,207)
-
#8391d5
#8391d5
rgb(131,145,213)
-
#7c8cdc
#7c8cdc
rgb(124,140,220)
-
#7688e2
#7688e2
rgb(118,136,226)
-
#7084e8
#7084e8
rgb(112,132,232)
-
#697fef
#697fef
rgb(105,127,239)
-
#637bf5
#637bf5
rgb(99,123,245)
-
#5c77fc
#5c77fc
rgb(92,119,252)
Color Blindness Simulator
Below, you can see how #7688e2 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.