#7686c3 hex color

In a RGB color space, hex #7686c3 is composed of 46.3% red, 52.5% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 39.5% cyan, 31.3% magenta, 0% yellow and 23.5% black. It has a hue angle of 227.5 degrees, a saturation of 39.1% and a lightness of 61.4%. #7686c3 color hex could be obtained by blending #ecffff with #000d87. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 46
- G 53
- B 76
RGB color chart
- C 39
- M 31
- Y 0
- K 24
CMYK color chart

● #7686c3 color description : Slightly desaturated blue.

The hexadecimal color #7686c3 has RGB values of R:118, G:134, B:195 and CMYK values of C:0.39, M:0.31, Y:0, K:0.24. Its decimal value is 7767747.

Hex triplet	7686c3	`#7686c3`
RGB Decimal	118, 134, 195	`rgb(118,134,195)`
RGB Percent	46.3, 52.5, 76.5	`rgb(46.3%,52.5%,76.5%)`
CMYK	39, 31, 0, 24
HSL	227.5°, 39.1, 61.4	`hsl(227.5,39.1%,61.4%)`
HSV (or HSB)	227.5°, 39.5, 76.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.92, 9.615, -33.614
XYZ	25.845, 24.841, 55.06
xyY	0.244, 0.235, 24.841
CIE-LCH	56.92, 34.962, 285.963
CIE-LUV	56.92, -10.676, -53.043
Hunter-Lab	49.841, 5.338, -30.61
Binary	01110110, 10000110, 11000011

#7686c3
```
#7686c3 rgb(118,134,195)
```
#c3b376
```
#c3b376 rgb(195,179,118)
```

Complementary Color

#76adc3
```
#76adc3 rgb(118,173,195)
```
#7686c3
```
#7686c3 rgb(118,134,195)
```
#8d76c3
```
#8d76c3 rgb(141,118,195)
```

Analogous Color

#adc376
```
#adc376 rgb(173,195,118)
```
#7686c3
```
#7686c3 rgb(118,134,195)
```
#c38d76
```
#c38d76 rgb(195,141,118)
```

Split Complementary Color

#86c376
```
#86c376 rgb(134,195,118)
```
#7686c3
```
#7686c3 rgb(118,134,195)
```
#c37686
```
#c37686 rgb(195,118,134)
```

Triadic Color

#76c3b3
```
#76c3b3 rgb(118,195,179)
```
#7686c3
```
#7686c3 rgb(118,134,195)
```
#c37686
```
#c37686 rgb(195,118,134)
```
#c3b376
```
#c3b376 rgb(195,179,118)
```

Tetradic Color

#485ba4
```
#485ba4 rgb(72,91,164)
```
#5367b3
```
#5367b3 rgb(83,103,179)
```
#6476bb
```
#6476bb rgb(100,118,187)
```
#7686c3
```
#7686c3 rgb(118,134,195)
```
#8896cb
```
#8896cb rgb(136,150,203)
```
#99a5d3
```
#99a5d3 rgb(153,165,211)
```
#abb5da
```
#abb5da rgb(171,181,218)
```

Monochromatic Color

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

#7699c3
```
#7699c3 rgb(118,153,195)
```
#7693c3
```
#7693c3 rgb(118,147,195)
```
#768cc3
```
#768cc3 rgb(118,140,195)
```
#7686c3
```
#7686c3 rgb(118,134,195)
```
#7680c3
```
#7680c3 rgb(118,128,195)
```
#7679c3
```
#7679c3 rgb(118,121,195)
```
#7976c3
```
#7976c3 rgb(121,118,195)
```

Similar Colors

Text with hexadecimal color #7686c3

This text has a font color of #7686c3.

<span style="color:#7686c3;">Text here</span>

#7686c3 background color

This paragraph has a background color of #7686c3.

<p style="background-color:#7686c3;">Content here</p>

#7686c3 border color

This element has a border color of #7686c3.

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

CSS codes

.text {color:#7686c3;}

.background {background-color:#7686c3;}

.border {border:1px solid #7686c3;}

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, #06070d is the darkest color, while #fefeff is the lightest one.

#06070d
```
#06070d rgb(6,7,13)
```
#0c0f1b
```
#0c0f1b rgb(12,15,27)
```
#121628
```
#121628 rgb(18,22,40)
```
#181e36
```
#181e36 rgb(24,30,54)
```
#1e2644
```
#1e2644 rgb(30,38,68)
```
#242d51
```
#242d51 rgb(36,45,81)
```
#2a355f
```
#2a355f rgb(42,53,95)
```
#303c6d
```
#303c6d rgb(48,60,109)
```
#36447a
```
#36447a rgb(54,68,122)
```
#3b4b88
```
#3b4b88 rgb(59,75,136)
```
#415395
```
#415395 rgb(65,83,149)
```
#475aa3
```
#475aa3 rgb(71,90,163)
```
#4d62b1
```
#4d62b1 rgb(77,98,177)
```

Shade Color Variation

#5b6eb7
```
#5b6eb7 rgb(91,110,183)
```
#687abd
```
#687abd rgb(104,122,189)
```
#7686c3
```
#7686c3 rgb(118,134,195)
```
#8492c9
```
#8492c9 rgb(132,146,201)
```
#919ecf
```
#919ecf rgb(145,158,207)
```
#9faad5
```
#9faad5 rgb(159,170,213)
```
#adb6db
```
#adb6db rgb(173,182,219)
```
#bac2e1
```
#bac2e1 rgb(186,194,225)
```
#c8cee7
```
#c8cee7 rgb(200,206,231)
```
#d5daed
```
#d5daed rgb(213,218,237)
```
#e3e6f3
```
#e3e6f3 rgb(227,230,243)
```
#f1f2f9
```
#f1f2f9 rgb(241,242,249)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#9c9c9d
```
#9c9c9d rgb(156,156,157)
```
#9498a5
```
#9498a5 rgb(148,152,165)
```
#8d93ac
```
#8d93ac rgb(141,147,172)
```
#858fb4
```
#858fb4 rgb(133,143,180)
```
#7e8abb
```
#7e8abb rgb(126,138,187)
```
#7686c3
```
#7686c3 rgb(118,134,195)
```
#6e82cb
```
#6e82cb rgb(110,130,203)
```
#677dd2
```
#677dd2 rgb(103,125,210)
```
#5f79da
```
#5f79da rgb(95,121,218)
```
#5874e1
```
#5874e1 rgb(88,116,225)
```
#5070e9
```
#5070e9 rgb(80,112,233)
```
#496bf0
```
#496bf0 rgb(73,107,240)
```
#4167f8
```
#4167f8 rgb(65,103,248)
```

Tone Color Variation

Below, you can see how #7686c3 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

#888888 Achromatopsia 0.005% of the population
#848894 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a8cc6 Protanopia 1% of men
#788dc5 Deuteranopia 1% of men
#71949f Tritanopia 0.001% of the population

Trichromacy

#798ac5 Protanomaly 1% of men, 0.01% of women
#778ac4 Deuteranomaly 6% of men, 0.4% of women
#728fac Tritanomaly 0.01% of the population

#7686c3 hex color

#7686c3 Color Information

#7686c3 Color Conversion

Color Schemes with #7686c3

Alternatives to #7686c3

#7686c3 Preview

Shades and Tints of #7686c3

Tones of #7686c3

Color Blindness Simulator