#7688bd hex color

In a RGB color space, hex #7688bd is composed of 46.3% red, 53.3% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 37.6% cyan, 28% magenta, 0% yellow and 25.9% black. It has a hue angle of 224.8 degrees, a saturation of 35% and a lightness of 60.2%. #7688bd color hex could be obtained by blending #ecffff with #00117b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 46
- G 53
- B 74
RGB color chart
- C 38
- M 28
- Y 0
- K 26
CMYK color chart

● #7688bd color description : Slightly desaturated blue.

The hexadecimal color #7688bd has RGB values of R:118, G:136, B:189 and CMYK values of C:0.38, M:0.28, Y:0, K:0.26. Its decimal value is 7768253.

Hex triplet	7688bd	`#7688bd`
RGB Decimal	118, 136, 189	`rgb(118,136,189)`
RGB Percent	46.3, 53.3, 74.1	`rgb(46.3%,53.3%,74.1%)`
CMYK	38, 28, 0, 26
HSL	224.8°, 35, 60.2	`hsl(224.8,35%,60.2%)`
HSV (or HSB)	224.8°, 37.6, 74.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.205, 6.768, -29.765
XYZ	25.459, 25.133, 51.651
xyY	0.249, 0.246, 25.133
CIE-LCH	57.205, 30.525, 282.81
CIE-LUV	57.205, -11.264, -46.504
Hunter-Lab	50.133, 2.914, -25.992
Binary	01110110, 10001000, 10111101

#7688bd
```
#7688bd rgb(118,136,189)
```
#bdab76
```
#bdab76 rgb(189,171,118)
```

Complementary Color

#76acbd
```
#76acbd rgb(118,172,189)
```
#7688bd
```
#7688bd rgb(118,136,189)
```
#8876bd
```
#8876bd rgb(136,118,189)
```

Analogous Color

#acbd76
```
#acbd76 rgb(172,189,118)
```
#7688bd
```
#7688bd rgb(118,136,189)
```
#bd8876
```
#bd8876 rgb(189,136,118)
```

Split Complementary Color

#88bd76
```
#88bd76 rgb(136,189,118)
```
#7688bd
```
#7688bd rgb(118,136,189)
```
#bd7688
```
#bd7688 rgb(189,118,136)
```

Triadic Color

#76bdab
```
#76bdab rgb(118,189,171)
```
#7688bd
```
#7688bd rgb(118,136,189)
```
#bd7688
```
#bd7688 rgb(189,118,136)
```
#bdab76
```
#bdab76 rgb(189,171,118)
```

Tetradic Color

#4b5f9c
```
#4b5f9c rgb(75,95,156)
```
#546aac
```
#546aac rgb(84,106,172)
```
#6579b5
```
#6579b5 rgb(101,121,181)
```
#7688bd
```
#7688bd rgb(118,136,189)
```
#8797c5
```
#8797c5 rgb(135,151,197)
```
#98a6ce
```
#98a6ce rgb(152,166,206)
```
#aab5d6
```
#aab5d6 rgb(170,181,214)
```

Monochromatic Color

Below, you can see some colors close to #7688bd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#769abd
```
#769abd rgb(118,154,189)
```
#7694bd
```
#7694bd rgb(118,148,189)
```
#768ebd
```
#768ebd rgb(118,142,189)
```
#7688bd
```
#7688bd rgb(118,136,189)
```
#7682bd
```
#7682bd rgb(118,130,189)
```
#767cbd
```
#767cbd rgb(118,124,189)
```
#7676bd
```
#7676bd rgb(118,118,189)
```

Similar Colors

Text with hexadecimal color #7688bd

This text has a font color of #7688bd.

<span style="color:#7688bd;">Text here</span>

#7688bd background color

This paragraph has a background color of #7688bd.

<p style="background-color:#7688bd;">Content here</p>

#7688bd border color

This element has a border color of #7688bd.

<div style="border:1px solid #7688bd;">Content here</div>

CSS codes

.text {color:#7688bd;}

.background {background-color:#7688bd;}

.border {border:1px solid #7688bd;}

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, #040509 is the darkest color, while #fafbfd is the lightest one.

#040509
```
#040509 rgb(4,5,9)
```
#0b0d16
```
#0b0d16 rgb(11,13,22)
```
#111623
```
#111623 rgb(17,22,35)
```
#171e30
```
#171e30 rgb(23,30,48)
```
#1e263e
```
#1e263e rgb(30,38,62)
```
#242e4b
```
#242e4b rgb(36,46,75)
```
#2a3658
```
#2a3658 rgb(42,54,88)
```
#313e65
```
#313e65 rgb(49,62,101)
```
#374673
```
#374673 rgb(55,70,115)
```
#3e4e80
```
#3e4e80 rgb(62,78,128)
```
#44568d
```
#44568d rgb(68,86,141)
```
#4a5f9a
```
#4a5f9a rgb(74,95,154)
```
#5167a7
```
#5167a7 rgb(81,103,167)
```

Shade Color Variation

#5c71b0
```
#5c71b0 rgb(92,113,176)
```
#697db7
```
#697db7 rgb(105,125,183)
```
#7688bd
```
#7688bd rgb(118,136,189)
```
#8393c3
```
#8393c3 rgb(131,147,195)
```
#909fca
```
#909fca rgb(144,159,202)
```
#9eaad0
```
#9eaad0 rgb(158,170,208)
```
#abb6d7
```
#abb6d7 rgb(171,182,215)
```
#b8c1dd
```
#b8c1dd rgb(184,193,221)
```
#c5cde3
```
#c5cde3 rgb(197,205,227)
```
#d3d8ea
```
#d3d8ea rgb(211,216,234)
```
#e0e4f0
```
#e0e4f0 rgb(224,228,240)
```
#edeff6
```
#edeff6 rgb(237,239,246)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95979e is the less saturated color, while #3869fb is the most saturated one.

#95979e
```
#95979e rgb(149,151,158)
```
#8d94a6
```
#8d94a6 rgb(141,148,166)
```
#8690ad
```
#8690ad rgb(134,144,173)
```
#7e8cb5
```
#7e8cb5 rgb(126,140,181)
```
#7688bd
```
#7688bd rgb(118,136,189)
```
#6e84c5
```
#6e84c5 rgb(110,132,197)
```
#6680cd
```
#6680cd rgb(102,128,205)
```
#5f7cd4
```
#5f7cd4 rgb(95,124,212)
```
#5779dc
```
#5779dc rgb(87,121,220)
```
#4f75e4
```
#4f75e4 rgb(79,117,228)
```
#4771ec
```
#4771ec rgb(71,113,236)
```
#3f6df4
```
#3f6df4 rgb(63,109,244)
```
#3869fb
```
#3869fb rgb(56,105,251)
```

Tone Color Variation

Below, you can see how #7688bd 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

#898989 Achromatopsia 0.005% of the population
#858993 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8dc0 Protanopia 1% of men
#7e8dc0 Deuteranopia 1% of men
#73949f Tritanopia 0.001% of the population

Trichromacy

#7b8bbe Protanomaly 1% of men, 0.01% of women
#7b8bbf Deuteranomaly 6% of men, 0.4% of women
#7490aa Tritanomaly 0.01% of the population

#7688bd hex color

#7688bd Color Information

#7688bd Color Conversion

Color Schemes with #7688bd

Alternatives to #7688bd

#7688bd Preview

Shades and Tints of #7688bd

Tones of #7688bd

Color Blindness Simulator