#7699bd hex color

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

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

● #7699bd color description : Slightly desaturated blue.

The hexadecimal color #7699bd has RGB values of R:118, G:153, B:189 and CMYK values of C:0.38, M:0.19, Y:0, K:0.26. Its decimal value is 7772605.

Hex triplet	7699bd	`#7699bd`
RGB Decimal	118, 153, 189	`rgb(118,153,189)`
RGB Percent	46.3, 60, 74.1	`rgb(46.3%,60%,74.1%)`
CMYK	38, 19, 0, 26
HSL	210.4°, 35, 60.2	`hsl(210.4,35%,60.2%)`
HSV (or HSB)	210.4°, 37.6, 74.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	61.918, -2.981, -22.502
XYZ	28.046, 30.307, 52.513
xyY	0.253, 0.273, 30.307
CIE-LCH	61.918, 22.698, 262.453
CIE-LUV	61.918, -18.197, -34.025
Hunter-Lab	55.052, -5.406, -18.02
Binary	01110110, 10011001, 10111101

#7699bd
```
#7699bd rgb(118,153,189)
```
#bd9a76
```
#bd9a76 rgb(189,154,118)
```

Complementary Color

#76bdbd
```
#76bdbd rgb(118,189,189)
```
#7699bd
```
#7699bd rgb(118,153,189)
```
#7776bd
```
#7776bd rgb(119,118,189)
```

Analogous Color

#bdbd76
```
#bdbd76 rgb(189,189,118)
```
#7699bd
```
#7699bd rgb(118,153,189)
```
#bd7776
```
#bd7776 rgb(189,119,118)
```

Split Complementary Color

#99bd76
```
#99bd76 rgb(153,189,118)
```
#7699bd
```
#7699bd rgb(118,153,189)
```
#bd7699
```
#bd7699 rgb(189,118,153)
```

Triadic Color

#76bd9a
```
#76bd9a rgb(118,189,154)
```
#7699bd
```
#7699bd rgb(118,153,189)
```
#bd7699
```
#bd7699 rgb(189,118,153)
```
#bd9a76
```
#bd9a76 rgb(189,154,118)
```

Tetradic Color

#4b739c
```
#4b739c rgb(75,115,156)
```
#547fac
```
#547fac rgb(84,127,172)
```
#658cb5
```
#658cb5 rgb(101,140,181)
```
#7699bd
```
#7699bd rgb(118,153,189)
```
#87a6c5
```
#87a6c5 rgb(135,166,197)
```
#98b3ce
```
#98b3ce rgb(152,179,206)
```
#aabfd6
```
#aabfd6 rgb(170,191,214)
```

Monochromatic Color

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

#76abbd
```
#76abbd rgb(118,171,189)
```
#76a5bd
```
#76a5bd rgb(118,165,189)
```
#769fbd
```
#769fbd rgb(118,159,189)
```
#7699bd
```
#7699bd rgb(118,153,189)
```
#7693bd
```
#7693bd rgb(118,147,189)
```
#768dbd
```
#768dbd rgb(118,141,189)
```
#7687bd
```
#7687bd rgb(118,135,189)
```

Similar Colors

Text with hexadecimal color #7699bd

This text has a font color of #7699bd.

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

#7699bd background color

This paragraph has a background color of #7699bd.

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

#7699bd border color

This element has a border color of #7699bd.

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

CSS codes

.text {color:#7699bd;}

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

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

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

#040609
```
#040609 rgb(4,6,9)
```
#0b1016
```
#0b1016 rgb(11,16,22)
```
#111a23
```
#111a23 rgb(17,26,35)
```
#172430
```
#172430 rgb(23,36,48)
```
#1e2d3e
```
#1e2d3e rgb(30,45,62)
```
#24374b
```
#24374b rgb(36,55,75)
```
#2a4158
```
#2a4158 rgb(42,65,88)
```
#314b65
```
#314b65 rgb(49,75,101)
```
#375473
```
#375473 rgb(55,84,115)
```
#3e5e80
```
#3e5e80 rgb(62,94,128)
```
#44688d
```
#44688d rgb(68,104,141)
```
#4a729a
```
#4a729a rgb(74,114,154)
```
#517ba7
```
#517ba7 rgb(81,123,167)
```

Shade Color Variation

#5c85b0
```
#5c85b0 rgb(92,133,176)
```
#698fb7
```
#698fb7 rgb(105,143,183)
```
#7699bd
```
#7699bd rgb(118,153,189)
```
#83a3c3
```
#83a3c3 rgb(131,163,195)
```
#90adca
```
#90adca rgb(144,173,202)
```
#9eb7d0
```
#9eb7d0 rgb(158,183,208)
```
#abc0d7
```
#abc0d7 rgb(171,192,215)
```
#b8cadd
```
#b8cadd rgb(184,202,221)
```
#c5d4e3
```
#c5d4e3 rgb(197,212,227)
```
#d3deea
```
#d3deea rgb(211,222,234)
```
#e0e8f0
```
#e0e8f0 rgb(224,232,240)
```
#edf2f6
```
#edf2f6 rgb(237,242,246)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

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

#95999e
```
#95999e rgb(149,153,158)
```
#8d99a6
```
#8d99a6 rgb(141,153,166)
```
#8699ad
```
#8699ad rgb(134,153,173)
```
#7e99b5
```
#7e99b5 rgb(126,153,181)
```
#7699bd
```
#7699bd rgb(118,153,189)
```
#6e99c5
```
#6e99c5 rgb(110,153,197)
```
#6699cd
```
#6699cd rgb(102,153,205)
```
#5f99d4
```
#5f99d4 rgb(95,153,212)
```
#5799dc
```
#5799dc rgb(87,153,220)
```
#4f98e4
```
#4f98e4 rgb(79,152,228)
```
#4798ec
```
#4798ec rgb(71,152,236)
```
#3f98f4
```
#3f98f4 rgb(63,152,244)
```
#3898fb
```
#3898fb rgb(56,152,251)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#8d949b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9199bd Protanopia 1% of men
#9398c2 Deuteranopia 1% of men
#77a1ad Tritanopia 0.001% of the population

Trichromacy

#8799bd Protanomaly 1% of men, 0.01% of women
#8898c0 Deuteranomaly 6% of men, 0.4% of women
#769eb3 Tritanomaly 0.01% of the population

#7699bd hex color

#7699bd Color Information

#7699bd Color Conversion

Color Schemes with #7699bd

Alternatives to #7699bd

#7699bd Preview

Shades and Tints of #7699bd

Tones of #7699bd

Color Blindness Simulator