#7694cc hex color

In a RGB color space, hex #7694cc is composed of 46.3% red, 58% green and 80% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 27.5% magenta, 0% yellow and 20% black. It has a hue angle of 219.1 degrees, a saturation of 45.7% and a lightness of 63.1%. #7694cc color hex could be obtained by blending #ecffff with #002999. Closest websafe color is: #6699cc.

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

● #7694cc color description : Slightly desaturated blue.

The hexadecimal color #7694cc has RGB values of R:118, G:148, B:204 and CMYK values of C:0.42, M:0.27, Y:0, K:0.2. Its decimal value is 7771340.

Hex triplet	7694cc	`#7694cc`
RGB Decimal	118, 148, 204	`rgb(118,148,204)`
RGB Percent	46.3, 58, 80	`rgb(46.3%,58%,80%)`
CMYK	42, 27, 0, 20
HSL	219.1°, 45.7, 63.1	`hsl(219.1,45.7%,63.1%)`
HSV (or HSB)	219.1°, 42.2, 80
Web Safe	6699cc	`#6699cc`

CIE-LAB	61.124, 4.012, -32.145
XYZ	28.958, 29.39, 61.27
xyY	0.242, 0.246, 29.39
CIE-LCH	61.124, 32.394, 277.114
CIE-LUV	61.124, -16.388, -50.578
Hunter-Lab	54.212, 0.475, -29.06
Binary	01110110, 10010100, 11001100

#7694cc
```
#7694cc rgb(118,148,204)
```
#ccae76
```
#ccae76 rgb(204,174,118)
```

Complementary Color

#76bfcc
```
#76bfcc rgb(118,191,204)
```
#7694cc
```
#7694cc rgb(118,148,204)
```
#8376cc
```
#8376cc rgb(131,118,204)
```

Analogous Color

#bfcc76
```
#bfcc76 rgb(191,204,118)
```
#7694cc
```
#7694cc rgb(118,148,204)
```
#cc8376
```
#cc8376 rgb(204,131,118)
```

Split Complementary Color

#94cc76
```
#94cc76 rgb(148,204,118)
```
#7694cc
```
#7694cc rgb(118,148,204)
```
#cc7694
```
#cc7694 rgb(204,118,148)
```

Triadic Color

#76ccae
```
#76ccae rgb(118,204,174)
```
#7694cc
```
#7694cc rgb(118,148,204)
```
#cc7694
```
#cc7694 rgb(204,118,148)
```
#ccae76
```
#ccae76 rgb(204,174,118)
```

Tetradic Color

#436ab3
```
#436ab3 rgb(67,106,179)
```
#5177be
```
#5177be rgb(81,119,190)
```
#6385c5
```
#6385c5 rgb(99,133,197)
```
#7694cc
```
#7694cc rgb(118,148,204)
```
#89a3d3
```
#89a3d3 rgb(137,163,211)
```
#9bb1da
```
#9bb1da rgb(155,177,218)
```
#aec0e1
```
#aec0e1 rgb(174,192,225)
```

Monochromatic Color

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

#76aacc
```
#76aacc rgb(118,170,204)
```
#76a2cc
```
#76a2cc rgb(118,162,204)
```
#769bcc
```
#769bcc rgb(118,155,204)
```
#7694cc
```
#7694cc rgb(118,148,204)
```
#768dcc
```
#768dcc rgb(118,141,204)
```
#7686cc
```
#7686cc rgb(118,134,204)
```
#767fcc
```
#767fcc rgb(118,127,204)
```

Similar Colors

Text with hexadecimal color #7694cc

This text has a font color of #7694cc.

<span style="color:#7694cc;">Text here</span>

#7694cc background color

This paragraph has a background color of #7694cc.

<p style="background-color:#7694cc;">Content here</p>

#7694cc border color

This element has a border color of #7694cc.

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

CSS codes

.text {color:#7694cc;}

.background {background-color:#7694cc;}

.border {border:1px solid #7694cc;}

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

#020406
```
#020406 rgb(2,4,6)
```
#080c14
```
#080c14 rgb(8,12,20)
```
#0d1423
```
#0d1423 rgb(13,20,35)
```
#121d31
```
#121d31 rgb(18,29,49)
```
#17253f
```
#17253f rgb(23,37,63)
```
#1d2e4d
```
#1d2e4d rgb(29,46,77)
```
#22365c
```
#22365c rgb(34,54,92)
```
#273f6a
```
#273f6a rgb(39,63,106)
```
#2d4778
```
#2d4778 rgb(45,71,120)
```
#325087
```
#325087 rgb(50,80,135)
```
#375895
```
#375895 rgb(55,88,149)
```
#3d60a3
```
#3d60a3 rgb(61,96,163)
```
#4269b1
```
#4269b1 rgb(66,105,177)
```

Shade Color Variation

#4b73bc
```
#4b73bc rgb(75,115,188)
```
#597ec1
```
#597ec1 rgb(89,126,193)
```
#6889c7
```
#6889c7 rgb(104,137,199)
```
#7694cc
```
#7694cc rgb(118,148,204)
```
#849fd1
```
#849fd1 rgb(132,159,209)
```
#93aad7
```
#93aad7 rgb(147,170,215)
```
#a1b5dc
```
#a1b5dc rgb(161,181,220)
```
#afc1e1
```
#afc1e1 rgb(175,193,225)
```
#bdcce7
```
#bdcce7 rgb(189,204,231)
```
#ccd7ec
```
#ccd7ec rgb(204,215,236)
```
#dae2f1
```
#dae2f1 rgb(218,226,241)
```
#e8edf7
```
#e8edf7 rgb(232,237,247)
```
#f7f8fc
```
#f7f8fc rgb(247,248,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a9fa8 is the less saturated color, while #4385ff is the most saturated one.

#9a9fa8
```
#9a9fa8 rgb(154,159,168)
```
#939daf
```
#939daf rgb(147,157,175)
```
#8c9bb6
```
#8c9bb6 rgb(140,155,182)
```
#8498be
```
#8498be rgb(132,152,190)
```
#7d96c5
```
#7d96c5 rgb(125,150,197)
```
#7694cc
```
#7694cc rgb(118,148,204)
```
#6f92d3
```
#6f92d3 rgb(111,146,211)
```
#6890da
```
#6890da rgb(104,144,218)
```
#608de2
```
#608de2 rgb(96,141,226)
```
#598be9
```
#598be9 rgb(89,139,233)
```
#5289f0
```
#5289f0 rgb(82,137,240)
```
#4b87f7
```
#4b87f7 rgb(75,135,247)
```
#4385ff
```
#4385ff rgb(67,133,255)
```

Tone Color Variation

Below, you can see how #7694cc 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

#919191 Achromatopsia 0.005% of the population
#8c929d Atypical Achromatopsia 0.001% of the population

Dichromacy

#8797cd Protanopia 1% of men
#8597cf Deuteranopia 1% of men
#71a0ac Tritanopia 0.001% of the population

Trichromacy

#8196cc Protanomaly 1% of men, 0.01% of women
#7f96ce Deuteranomaly 6% of men, 0.4% of women
#739bb7 Tritanomaly 0.01% of the population

#7694cc hex color

#7694cc Color Information

#7694cc Color Conversion

Color Schemes with #7694cc

Alternatives to #7694cc

#7694cc Preview

Shades and Tints of #7694cc

Tones of #7694cc

Color Blindness Simulator