#7686db hex color

In a RGB color space, hex #7686db is composed of 46.3% red, 52.5% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 46.1% cyan, 38.8% magenta, 0% yellow and 14.1% black. It has a hue angle of 230.5 degrees, a saturation of 58.4% and a lightness of 66.1%. #7686db color hex could be obtained by blending #ecffff with #000db7. Closest websafe color is: #6699cc.

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

● #7686db color description : Soft blue.

The hexadecimal color #7686db has RGB values of R:118, G:134, B:219 and CMYK values of C:0.46, M:0.39, Y:0, K:0.14. Its decimal value is 7767771.

Hex triplet	7686db	`#7686db`
RGB Decimal	118, 134, 219	`rgb(118,134,219)`
RGB Percent	46.3, 52.5, 85.9	`rgb(46.3%,52.5%,85.9%)`
CMYK	46, 39, 0, 14
HSL	230.5°, 58.4, 66.1	`hsl(230.5,58.4%,66.1%)`
HSV (or HSB)	230.5°, 46.1, 85.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	58.051, 16.566, -45.364
XYZ	28.78, 26.015, 70.519
xyY	0.23, 0.208, 26.015
CIE-LCH	58.051, 48.295, 290.061
CIE-LUV	58.051, -11.527, -73.221
Hunter-Lab	51.005, 11.461, -46.27
Binary	01110110, 10000110, 11011011

#7686db
```
#7686db rgb(118,134,219)
```
#dbcb76
```
#dbcb76 rgb(219,203,118)
```

Complementary Color

#76b9db
```
#76b9db rgb(118,185,219)
```
#7686db
```
#7686db rgb(118,134,219)
```
#9976db
```
#9976db rgb(153,118,219)
```

Analogous Color

#b9db76
```
#b9db76 rgb(185,219,118)
```
#7686db
```
#7686db rgb(118,134,219)
```
#db9976
```
#db9976 rgb(219,153,118)
```

Split Complementary Color

#86db76
```
#86db76 rgb(134,219,118)
```
#7686db
```
#7686db rgb(118,134,219)
```
#db7686
```
#db7686 rgb(219,118,134)
```

Triadic Color

#76dbcb
```
#76dbcb rgb(118,219,203)
```
#7686db
```
#7686db rgb(118,134,219)
```
#db7686
```
#db7686 rgb(219,118,134)
```
#dbcb76
```
#dbcb76 rgb(219,203,118)
```

Tetradic Color

#3950cb
```
#3950cb rgb(57,80,203)
```
#4e62d0
```
#4e62d0 rgb(78,98,208)
```
#6274d6
```
#6274d6 rgb(98,116,214)
```
#7686db
```
#7686db rgb(118,134,219)
```
#8a98e0
```
#8a98e0 rgb(138,152,224)
```
#9eaae6
```
#9eaae6 rgb(158,170,230)
```
#b3bceb
```
#b3bceb rgb(179,188,235)
```

Monochromatic Color

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

#769fdb
```
#769fdb rgb(118,159,219)
```
#7697db
```
#7697db rgb(118,151,219)
```
#768edb
```
#768edb rgb(118,142,219)
```
#7686db
```
#7686db rgb(118,134,219)
```
#767edb
```
#767edb rgb(118,126,219)
```
#7776db
```
#7776db rgb(119,118,219)
```
#7f76db
```
#7f76db rgb(127,118,219)
```

Similar Colors

Text with hexadecimal color #7686db

This text has a font color of #7686db.

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

#7686db background color

This paragraph has a background color of #7686db.

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

#7686db border color

This element has a border color of #7686db.

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

CSS codes

.text {color:#7686db;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#050712
```
#050712 rgb(5,7,18)
```
#090d22
```
#090d22 rgb(9,13,34)
```
#0d1331
```
#0d1331 rgb(13,19,49)
```
#111941
```
#111941 rgb(17,25,65)
```
#151f50
```
#151f50 rgb(21,31,80)
```
#192460
```
#192460 rgb(25,36,96)
```
#1d2a70
```
#1d2a70 rgb(29,42,112)
```
#21307f
```
#21307f rgb(33,48,127)
```
#25368f
```
#25368f rgb(37,54,143)
```
#2a3c9e
```
#2a3c9e rgb(42,60,158)
```
#2e42ae
```
#2e42ae rgb(46,66,174)
```
#3248bd
```
#3248bd rgb(50,72,189)
```

Shade Color Variation

#384fcb
```
#384fcb rgb(56,79,203)
```
#475dcf
```
#475dcf rgb(71,93,207)
```
#576bd3
```
#576bd3 rgb(87,107,211)
```
#6678d7
```
#6678d7 rgb(102,120,215)
```
#7686db
```
#7686db rgb(118,134,219)
```
#8694df
```
#8694df rgb(134,148,223)
```
#95a1e3
```
#95a1e3 rgb(149,161,227)
```
#a5afe7
```
#a5afe7 rgb(165,175,231)
```
#b4bdeb
```
#b4bdeb rgb(180,189,235)
```
#c4cbef
```
#c4cbef rgb(196,203,239)
```
#d3d8f3
```
#d3d8f3 rgb(211,216,243)
```
#e3e6f8
```
#e3e6f8 rgb(227,230,248)
```
#f2f4fc
```
#f2f4fc rgb(242,244,252)
```

Tint Color Variation

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

#a5a6ac
```
#a5a6ac rgb(165,166,172)
```
#9ea1b3
```
#9ea1b3 rgb(158,161,179)
```
#979dba
```
#979dba rgb(151,157,186)
```
#9198c0
```
#9198c0 rgb(145,152,192)
```
#8a94c7
```
#8a94c7 rgb(138,148,199)
```
#838fce
```
#838fce rgb(131,143,206)
```
#7d8bd4
```
#7d8bd4 rgb(125,139,212)
```
#7686db
```
#7686db rgb(118,134,219)
```
#6f81e2
```
#6f81e2 rgb(111,129,226)
```
#697de8
```
#697de8 rgb(105,125,232)
```
#6278ef
```
#6278ef rgb(98,120,239)
```
#5b74f6
```
#5b74f6 rgb(91,116,246)
```
#556ffc
```
#556ffc rgb(85,111,252)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#878a9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#708ede Protanopia 1% of men
#6691da Deuteranopia 1% of men
#6899a4 Tritanopia 0.001% of the population

Trichromacy

#728bdd Protanomaly 1% of men, 0.01% of women
#6c8dda Deuteranomaly 6% of men, 0.4% of women
#6d92b8 Tritanomaly 0.01% of the population

#7686db hex color

#7686db Color Information

#7686db Color Conversion

Color Schemes with #7686db

Alternatives to #7686db

#7686db Preview

Shades and Tints of #7686db

Tones of #7686db

Color Blindness Simulator