#7686cb hex color

In a RGB color space, hex #7686cb is composed of 46.3% red, 52.5% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 41.9% cyan, 34% magenta, 0% yellow and 20.4% black. It has a hue angle of 228.7 degrees, a saturation of 45% and a lightness of 62.9%. #7686cb color hex could be obtained by blending #ecffff with #000d97. Closest websafe color is: #6699cc.

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

● #7686cb color description : Slightly desaturated blue.

The hexadecimal color #7686cb has RGB values of R:118, G:134, B:203 and CMYK values of C:0.42, M:0.34, Y:0, K:0.2. Its decimal value is 7767755.

Hex triplet	7686cb	`#7686cb`
RGB Decimal	118, 134, 203	`rgb(118,134,203)`
RGB Percent	46.3, 52.5, 79.6	`rgb(46.3%,52.5%,79.6%)`
CMYK	42, 34, 0, 20
HSL	228.7°, 45, 62.9	`hsl(228.7,45%,62.9%)`
HSV (or HSB)	228.7°, 41.9, 79.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.282, 11.892, -37.577
XYZ	26.774, 25.213, 59.952
xyY	0.239, 0.225, 25.213
CIE-LCH	57.282, 39.413, 287.561
CIE-LUV	57.282, -10.959, -59.819
Hunter-Lab	50.212, 7.306, -35.643
Binary	01110110, 10000110, 11001011

#7686cb
```
#7686cb rgb(118,134,203)
```
#cbbb76
```
#cbbb76 rgb(203,187,118)
```

Complementary Color

#76b1cb
```
#76b1cb rgb(118,177,203)
```
#7686cb
```
#7686cb rgb(118,134,203)
```
#9176cb
```
#9176cb rgb(145,118,203)
```

Analogous Color

#b1cb76
```
#b1cb76 rgb(177,203,118)
```
#7686cb
```
#7686cb rgb(118,134,203)
```
#cb9176
```
#cb9176 rgb(203,145,118)
```

Split Complementary Color

#86cb76
```
#86cb76 rgb(134,203,118)
```
#7686cb
```
#7686cb rgb(118,134,203)
```
#cb7686
```
#cb7686 rgb(203,118,134)
```

Triadic Color

#76cbbb
```
#76cbbb rgb(118,203,187)
```
#7686cb
```
#7686cb rgb(118,134,203)
```
#cb7686
```
#cb7686 rgb(203,118,134)
```
#cbbb76
```
#cbbb76 rgb(203,187,118)
```

Tetradic Color

#4358b1
```
#4358b1 rgb(67,88,177)
```
#5165bd
```
#5165bd rgb(81,101,189)
```
#6476c4
```
#6476c4 rgb(100,118,196)
```
#7686cb
```
#7686cb rgb(118,134,203)
```
#8896d2
```
#8896d2 rgb(136,150,210)
```
#9ba7d9
```
#9ba7d9 rgb(155,167,217)
```
#adb7e0
```
#adb7e0 rgb(173,183,224)
```

Monochromatic Color

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

#769bcb
```
#769bcb rgb(118,155,203)
```
#7694cb
```
#7694cb rgb(118,148,203)
```
#768dcb
```
#768dcb rgb(118,141,203)
```
#7686cb
```
#7686cb rgb(118,134,203)
```
#767fcb
```
#767fcb rgb(118,127,203)
```
#7678cb
```
#7678cb rgb(118,120,203)
```
#7b76cb
```
#7b76cb rgb(123,118,203)
```

Similar Colors

Text with hexadecimal color #7686cb

This text has a font color of #7686cb.

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

#7686cb background color

This paragraph has a background color of #7686cb.

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

#7686cb border color

This element has a border color of #7686cb.

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

CSS codes

.text {color:#7686cb;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#070a13
```
#070a13 rgb(7,10,19)
```
#0d1122
```
#0d1122 rgb(13,17,34)
```
#121830
```
#121830 rgb(18,24,48)
```
#181f3e
```
#181f3e rgb(24,31,62)
```
#1d264c
```
#1d264c rgb(29,38,76)
```
#222d5a
```
#222d5a rgb(34,45,90)
```
#283469
```
#283469 rgb(40,52,105)
```
#2d3b77
```
#2d3b77 rgb(45,59,119)
```
#334285
```
#334285 rgb(51,66,133)
```
#384993
```
#384993 rgb(56,73,147)
```
#3d50a2
```
#3d50a2 rgb(61,80,162)
```
#4357b0
```
#4357b0 rgb(67,87,176)
```

Shade Color Variation

#4b60bb
```
#4b60bb rgb(75,96,187)
```
#5a6dc0
```
#5a6dc0 rgb(90,109,192)
```
#6879c6
```
#6879c6 rgb(104,121,198)
```
#7686cb
```
#7686cb rgb(118,134,203)
```
#8493d0
```
#8493d0 rgb(132,147,208)
```
#929fd6
```
#929fd6 rgb(146,159,214)
```
#a1acdb
```
#a1acdb rgb(161,172,219)
```
#afb8e1
```
#afb8e1 rgb(175,184,225)
```
#bdc5e6
```
#bdc5e6 rgb(189,197,230)
```
#cbd1eb
```
#cbd1eb rgb(203,209,235)
```
#dadef1
```
#dadef1 rgb(218,222,241)
```
#e8eaf6
```
#e8eaf6 rgb(232,234,246)
```
#f6f7fc
```
#f6f7fc rgb(246,247,252)
```

Tint Color Variation

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

#9a9da7
```
#9a9da7 rgb(154,157,167)
```
#9398ae
```
#9398ae rgb(147,152,174)
```
#8c94b5
```
#8c94b5 rgb(140,148,181)
```
#858fbc
```
#858fbc rgb(133,143,188)
```
#7d8bc4
```
#7d8bc4 rgb(125,139,196)
```
#7686cb
```
#7686cb rgb(118,134,203)
```
#6f81d2
```
#6f81d2 rgb(111,129,210)
```
#677dda
```
#677dda rgb(103,125,218)
```
#6078e1
```
#6078e1 rgb(96,120,225)
```
#5974e8
```
#5974e8 rgb(89,116,232)
```
#526fef
```
#526fef rgb(82,111,239)
```
#4a6bf7
```
#4a6bf7 rgb(74,107,247)
```
#4366fe
```
#4366fe rgb(67,102,254)
```

Tone Color Variation

Below, you can see how #7686cb 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
#858896 Atypical Achromatopsia 0.001% of the population

Dichromacy

#778dce Protanopia 1% of men
#728ecc Deuteranopia 1% of men
#6e95a0 Tritanopia 0.001% of the population

Trichromacy

#778acd Protanomaly 1% of men, 0.01% of women
#748bcc Deuteranomaly 6% of men, 0.4% of women
#7190b0 Tritanomaly 0.01% of the population

#7686cb hex color

#7686cb Color Information

#7686cb Color Conversion

Color Schemes with #7686cb

Alternatives to #7686cb

#7686cb Preview

Shades and Tints of #7686cb

Tones of #7686cb

Color Blindness Simulator