#7699cd hex color

In a RGB color space, hex #7699cd is composed of 46.3% red, 60% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 42.4% cyan, 25.4% magenta, 0% yellow and 19.6% black. It has a hue angle of 215.9 degrees, a saturation of 46.5% and a lightness of 63.3%. #7699cd color hex could be obtained by blending #ecffff with #00339b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 46
- G 60
- B 80
RGB color chart
- C 42
- M 25
- Y 0
- K 20
CMYK color chart

● #7699cd color description : Slightly desaturated blue.

The hexadecimal color #7699cd has RGB values of R:118, G:153, B:205 and CMYK values of C:0.42, M:0.25, Y:0, K:0.2. Its decimal value is 7772621.

Hex triplet	7699cd	`#7699cd`
RGB Decimal	118, 153, 205	`rgb(118,153,205)`
RGB Percent	46.3, 60, 80.4	`rgb(46.3%,60%,80.4%)`
CMYK	42, 25, 0, 20
HSL	215.9°, 46.5, 63.3	`hsl(215.9,46.5%,63.3%)`
HSV (or HSB)	215.9°, 42.4, 80.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.542, 1.433, -30.506
XYZ	29.879, 31.041, 62.171
xyY	0.243, 0.252, 31.041
CIE-LCH	62.542, 30.54, 272.69
CIE-LUV	62.542, -18.37, -47.735
Hunter-Lab	55.714, -1.77, -27.162
Binary	01110110, 10011001, 11001101

#7699cd
```
#7699cd rgb(118,153,205)
```
#cdaa76
```
#cdaa76 rgb(205,170,118)
```

Complementary Color

#76c5cd
```
#76c5cd rgb(118,197,205)
```
#7699cd
```
#7699cd rgb(118,153,205)
```
#7f76cd
```
#7f76cd rgb(127,118,205)
```

Analogous Color

#c5cd76
```
#c5cd76 rgb(197,205,118)
```
#7699cd
```
#7699cd rgb(118,153,205)
```
#cd7f76
```
#cd7f76 rgb(205,127,118)
```

Split Complementary Color

#99cd76
```
#99cd76 rgb(153,205,118)
```
#7699cd
```
#7699cd rgb(118,153,205)
```
#cd7699
```
#cd7699 rgb(205,118,153)
```

Triadic Color

#76cdaa
```
#76cdaa rgb(118,205,170)
```
#7699cd
```
#7699cd rgb(118,153,205)
```
#cd7699
```
#cd7699 rgb(205,118,153)
```
#cdaa76
```
#cdaa76 rgb(205,170,118)
```

Tetradic Color

#4270b5
```
#4270b5 rgb(66,112,181)
```
#517dbf
```
#517dbf rgb(81,125,191)
```
#638bc6
```
#638bc6 rgb(99,139,198)
```
#7699cd
```
#7699cd rgb(118,153,205)
```
#89a7d4
```
#89a7d4 rgb(137,167,212)
```
#9bb5db
```
#9bb5db rgb(155,181,219)
```
#aec3e1
```
#aec3e1 rgb(174,195,225)
```

Monochromatic Color

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

#76afcd
```
#76afcd rgb(118,175,205)
```
#76a8cd
```
#76a8cd rgb(118,168,205)
```
#76a0cd
```
#76a0cd rgb(118,160,205)
```
#7699cd
```
#7699cd rgb(118,153,205)
```
#7692cd
```
#7692cd rgb(118,146,205)
```
#768bcd
```
#768bcd rgb(118,139,205)
```
#7683cd
```
#7683cd rgb(118,131,205)
```

Similar Colors

Text with hexadecimal color #7699cd

This text has a font color of #7699cd.

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

#7699cd background color

This paragraph has a background color of #7699cd.

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

#7699cd border color

This element has a border color of #7699cd.

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

CSS codes

.text {color:#7699cd;}

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

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

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

#020407
```
#020407 rgb(2,4,7)
```
#080d15
```
#080d15 rgb(8,13,21)
```
#0d1623
```
#0d1623 rgb(13,22,35)
```
#121f32
```
#121f32 rgb(18,31,50)
```
#172840
```
#172840 rgb(23,40,64)
```
#1d314f
```
#1d314f rgb(29,49,79)
```
#223a5d
```
#223a5d rgb(34,58,93)
```
#27436b
```
#27436b rgb(39,67,107)
```
#2c4b7a
```
#2c4b7a rgb(44,75,122)
```
#325488
```
#325488 rgb(50,84,136)
```
#375d96
```
#375d96 rgb(55,93,150)
```
#3c66a5
```
#3c66a5 rgb(60,102,165)
```
#416fb3
```
#416fb3 rgb(65,111,179)
```

Shade Color Variation

#4b79bd
```
#4b79bd rgb(75,121,189)
```
#5984c3
```
#5984c3 rgb(89,132,195)
```
#688ec8
```
#688ec8 rgb(104,142,200)
```
#7699cd
```
#7699cd rgb(118,153,205)
```
#84a4d2
```
#84a4d2 rgb(132,164,210)
```
#93aed7
```
#93aed7 rgb(147,174,215)
```
#a1b9dd
```
#a1b9dd rgb(161,185,221)
```
#afc4e2
```
#afc4e2 rgb(175,196,226)
```
#becee7
```
#becee7 rgb(190,206,231)
```
#ccd9ec
```
#ccd9ec rgb(204,217,236)
```
#dbe4f2
```
#dbe4f2 rgb(219,228,242)
```
#e9eff7
```
#e9eff7 rgb(233,239,247)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a1a1a2 is the less saturated color, while #4b91f8 is the most saturated one.

#a1a1a2
```
#a1a1a2 rgb(161,161,162)
```
#9aa0a9
```
#9aa0a9 rgb(154,160,169)
```
#939fb0
```
#939fb0 rgb(147,159,176)
```
#8c9db7
```
#8c9db7 rgb(140,157,183)
```
#849cbf
```
#849cbf rgb(132,156,191)
```
#7d9ac6
```
#7d9ac6 rgb(125,154,198)
```
#7699cd
```
#7699cd rgb(118,153,205)
```
#6f98d4
```
#6f98d4 rgb(111,152,212)
```
#6896db
```
#6896db rgb(104,150,219)
```
#6095e3
```
#6095e3 rgb(96,149,227)
```
#5993ea
```
#5993ea rgb(89,147,234)
```
#5292f1
```
#5292f1 rgb(82,146,241)
```
#4b91f8
```
#4b91f8 rgb(75,145,248)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#8e959f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d9acd Protanopia 1% of men
#8b9ad0 Deuteranopia 1% of men
#72a4b0 Tritanopia 0.001% of the population

Trichromacy

#849acd Protanomaly 1% of men, 0.01% of women
#839acf Deuteranomaly 6% of men, 0.4% of women
#73a0ba Tritanomaly 0.01% of the population

#7699cd hex color

#7699cd Color Information

#7699cd Color Conversion

Color Schemes with #7699cd

Alternatives to #7699cd

#7699cd Preview

Shades and Tints of #7699cd

Tones of #7699cd

Color Blindness Simulator