#7688d9 hex color
In a RGB color space, hex #7688d9 is composed of 46.3% red, 53.3% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 45.6% cyan, 37.3% magenta, 0% yellow and 14.9% black. It has a hue angle of 229.1 degrees, a saturation of 56.6% and a lightness of 65.7%. #7688d9 color hex could be obtained by blending #ecffff with #0011b3. Closest websafe color is: #6699cc.
-
- R 46
- G 53
- B 85
RGB color chart
-
- C 46
- M 37
- Y 0
- K 15
CMYK color chart
● #7688d9 color description : Soft blue.
The hexadecimal color #7688d9 has RGB values of R:118, G:136, B:217 and CMYK values of C:0.46, M:0.37, Y:0, K:0.15. Its decimal value is 7768281.
Hex triplet | 7688d9 | #7688d9 |
---|---|---|
RGB Decimal | 118, 136, 217 | rgb(118,136,217) |
RGB Percent | 46.3, 53.3, 85.1 | rgb(46.3%,53.3%,85.1%) |
CMYK | 46, 37, 0, 15 | |
HSL | 229.1°, 56.6, 65.7 | hsl(229.1,56.6%,65.7%) |
HSV (or HSB) | 229.1°, 45.6, 85.1 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 58.479, 14.789, -43.569 |
---|---|
XYZ | 28.797, 26.469, 69.233 |
xyY | 0.231, 0.213, 26.469 |
CIE-LCH | 58.479, 46.011, 288.75 |
CIE-LUV | 58.479, -12.178, -70.183 |
Hunter-Lab | 51.448, 9.88, -43.774 |
Binary | 01110110, 10001000, 11011001 |
Analogous Color
Split Complementary Color
Triadic Color
Below, you can see some colors close to #7688d9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
Text with hexadecimal color #7688d9
This text has a font color of #7688d9.
<span style="color:#7688d9;">Text here</span>
#7688d9 background color
This paragraph has a background color of #7688d9.
<p style="background-color:#7688d9;">Content here</p>
#7688d9 border color
This element has a border color of #7688d9.
<div style="border:1px solid #7688d9;">Content here</div>
CSS codes
.text {color:#7688d9;}
.background {background-color:#7688d9;}
.border {border:1px solid #7688d9;}
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 #f1f3fb is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#050711
#050711
rgb(5,7,17)
-
#090d20
#090d20
rgb(9,13,32)
-
#0d132f
#0d132f
rgb(13,19,47)
-
#111a3f
#111a3f
rgb(17,26,63)
-
#16204e
#16204e
rgb(22,32,78)
-
#1a265d
#1a265d
rgb(26,38,93)
-
#1e2c6d
#1e2c6d
rgb(30,44,109)
-
#22337c
#22337c
rgb(34,51,124)
-
#27398b
#27398b
rgb(39,57,139)
-
#2b3f9b
#2b3f9b
rgb(43,63,155)
-
#2f46aa
#2f46aa
rgb(47,70,170)
-
#334cb9
#334cb9
rgb(51,76,185)
Shade Color Variation
-
#3953c8
#3953c8
rgb(57,83,200)
-
#4860cc
#4860cc
rgb(72,96,204)
-
#576dd0
#576dd0
rgb(87,109,208)
-
#677bd5
#677bd5
rgb(103,123,213)
-
#7688d9
#7688d9
rgb(118,136,217)
-
#8595dd
#8595dd
rgb(133,149,221)
-
#95a3e2
#95a3e2
rgb(149,163,226)
-
#a4b0e6
#a4b0e6
rgb(164,176,230)
-
#b3bdea
#b3bdea
rgb(179,189,234)
-
#c3cbee
#c3cbee
rgb(195,203,238)
-
#d2d8f3
#d2d8f3
rgb(210,216,243)
-
#e1e5f7
#e1e5f7
rgb(225,229,247)
-
#f1f3fb
#f1f3fb
rgb(241,243,251)
Tint Color Variation
A tone is produced by adding gray to any pure hue. In this case, #a5a6aa is the less saturated color, while #5473fb is the most saturated one.
-
#a5a6aa
#a5a6aa
rgb(165,166,170)
-
#9ea2b1
#9ea2b1
rgb(158,162,177)
-
#989db7
#989db7
rgb(152,157,183)
-
#9199be
#9199be
rgb(145,153,190)
-
#8a95c5
#8a95c5
rgb(138,149,197)
-
#8391cc
#8391cc
rgb(131,145,204)
-
#7d8cd2
#7d8cd2
rgb(125,140,210)
-
#7688d9
#7688d9
rgb(118,136,217)
-
#6f84e0
#6f84e0
rgb(111,132,224)
-
#697fe6
#697fe6
rgb(105,127,230)
-
#627bed
#627bed
rgb(98,123,237)
-
#5b77f4
#5b77f4
rgb(91,119,244)
-
#5473fb
#5473fb
rgb(84,115,251)
Tone Color Variation
Below, you can see how #7688d9 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.
Monochromacy
Dichromacy