#7685bd hex color

In a RGB color space, hex #7685bd is composed of 46.3% red, 52.2% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 37.6% cyan, 29.6% magenta, 0% yellow and 25.9% black. It has a hue angle of 227.3 degrees, a saturation of 35% and a lightness of 60.2%. #7685bd color hex could be obtained by blending #ecffff with #000b7b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 46
- G 52
- B 74
RGB color chart
- C 38
- M 30
- Y 0
- K 26
CMYK color chart

● #7685bd color description : Slightly desaturated blue.

The hexadecimal color #7685bd has RGB values of R:118, G:133, B:189 and CMYK values of C:0.38, M:0.3, Y:0, K:0.26. Its decimal value is 7767485.

Hex triplet	7685bd	`#7685bd`
RGB Decimal	118, 133, 189	`rgb(118,133,189)`
RGB Percent	46.3, 52.2, 74.1	`rgb(46.3%,52.2%,74.1%)`
CMYK	38, 30, 0, 26
HSL	227.3°, 35, 60.2	`hsl(227.3,35%,60.2%)`
HSV (or HSB)	227.3°, 37.6, 74.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.387, 8.526, -31.035
XYZ	25.042, 24.3, 51.512
xyY	0.248, 0.241, 24.3
CIE-LCH	56.387, 32.185, 285.362
CIE-LUV	56.387, -10.067, -48.653
Hunter-Lab	49.295, 4.413, -27.45
Binary	01110110, 10000101, 10111101

#7685bd
```
#7685bd rgb(118,133,189)
```
#bdae76
```
#bdae76 rgb(189,174,118)
```

Complementary Color

#76a9bd
```
#76a9bd rgb(118,169,189)
```
#7685bd
```
#7685bd rgb(118,133,189)
```
#8b76bd
```
#8b76bd rgb(139,118,189)
```

Analogous Color

#a9bd76
```
#a9bd76 rgb(169,189,118)
```
#7685bd
```
#7685bd rgb(118,133,189)
```
#bd8b76
```
#bd8b76 rgb(189,139,118)
```

Split Complementary Color

#85bd76
```
#85bd76 rgb(133,189,118)
```
#7685bd
```
#7685bd rgb(118,133,189)
```
#bd7685
```
#bd7685 rgb(189,118,133)
```

Triadic Color

#76bdae
```
#76bdae rgb(118,189,174)
```
#7685bd
```
#7685bd rgb(118,133,189)
```
#bd7685
```
#bd7685 rgb(189,118,133)
```
#bdae76
```
#bdae76 rgb(189,174,118)
```

Tetradic Color

#4b5c9c
```
#4b5c9c rgb(75,92,156)
```
#5466ac
```
#5466ac rgb(84,102,172)
```
#6576b5
```
#6576b5 rgb(101,118,181)
```
#7685bd
```
#7685bd rgb(118,133,189)
```
#8794c5
```
#8794c5 rgb(135,148,197)
```
#98a4ce
```
#98a4ce rgb(152,164,206)
```
#aab3d6
```
#aab3d6 rgb(170,179,214)
```

Monochromatic Color

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

#7697bd
```
#7697bd rgb(118,151,189)
```
#7691bd
```
#7691bd rgb(118,145,189)
```
#768bbd
```
#768bbd rgb(118,139,189)
```
#7685bd
```
#7685bd rgb(118,133,189)
```
#767fbd
```
#767fbd rgb(118,127,189)
```
#7679bd
```
#7679bd rgb(118,121,189)
```
#7976bd
```
#7976bd rgb(121,118,189)
```

Similar Colors

Text with hexadecimal color #7685bd

This text has a font color of #7685bd.

<span style="color:#7685bd;">Text here</span>

#7685bd background color

This paragraph has a background color of #7685bd.

<p style="background-color:#7685bd;">Content here</p>

#7685bd border color

This element has a border color of #7685bd.

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

CSS codes

.text {color:#7685bd;}

.background {background-color:#7685bd;}

.border {border:1px solid #7685bd;}

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

#040509
```
#040509 rgb(4,5,9)
```
#0b0d16
```
#0b0d16 rgb(11,13,22)
```
#111523
```
#111523 rgb(17,21,35)
```
#171d30
```
#171d30 rgb(23,29,48)
```
#1e243e
```
#1e243e rgb(30,36,62)
```
#242c4b
```
#242c4b rgb(36,44,75)
```
#2a3458
```
#2a3458 rgb(42,52,88)
```
#313c65
```
#313c65 rgb(49,60,101)
```
#374473
```
#374473 rgb(55,68,115)
```
#3e4c80
```
#3e4c80 rgb(62,76,128)
```
#44538d
```
#44538d rgb(68,83,141)
```
#4a5b9a
```
#4a5b9a rgb(74,91,154)
```
#5163a7
```
#5163a7 rgb(81,99,167)
```

Shade Color Variation

#5c6db0
```
#5c6db0 rgb(92,109,176)
```
#6979b7
```
#6979b7 rgb(105,121,183)
```
#7685bd
```
#7685bd rgb(118,133,189)
```
#8391c3
```
#8391c3 rgb(131,145,195)
```
#909dca
```
#909dca rgb(144,157,202)
```
#9ea8d0
```
#9ea8d0 rgb(158,168,208)
```
#abb4d7
```
#abb4d7 rgb(171,180,215)
```
#b8c0dd
```
#b8c0dd rgb(184,192,221)
```
#c5cce3
```
#c5cce3 rgb(197,204,227)
```
#d3d8ea
```
#d3d8ea rgb(211,216,234)
```
#e0e3f0
```
#e0e3f0 rgb(224,227,240)
```
#edeff6
```
#edeff6 rgb(237,239,246)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95979e is the less saturated color, while #3861fb is the most saturated one.

#95979e
```
#95979e rgb(149,151,158)
```
#8d93a6
```
#8d93a6 rgb(141,147,166)
```
#868ead
```
#868ead rgb(134,142,173)
```
#7e8ab5
```
#7e8ab5 rgb(126,138,181)
```
#7685bd
```
#7685bd rgb(118,133,189)
```
#6e80c5
```
#6e80c5 rgb(110,128,197)
```
#667ccd
```
#667ccd rgb(102,124,205)
```
#5f77d4
```
#5f77d4 rgb(95,119,212)
```
#5773dc
```
#5773dc rgb(87,115,220)
```
#4f6ee4
```
#4f6ee4 rgb(79,110,228)
```
#476aec
```
#476aec rgb(71,106,236)
```
#3f65f4
```
#3f65f4 rgb(63,101,244)
```
#3861fb
```
#3861fb rgb(56,97,251)
```

Tone Color Variation

Below, you can see how #7685bd 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

#878787 Achromatopsia 0.005% of the population
#848792 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b8bc0 Protanopia 1% of men
#7a8cc0 Deuteranopia 1% of men
#72929d Tritanopia 0.001% of the population

Trichromacy

#7989bf Protanomaly 1% of men, 0.01% of women
#7889bf Deuteranomaly 6% of men, 0.4% of women
#738da8 Tritanomaly 0.01% of the population

#7685bd hex color

#7685bd Color Information

#7685bd Color Conversion

Color Schemes with #7685bd

Alternatives to #7685bd

#7685bd Preview

Shades and Tints of #7685bd

Tones of #7685bd

Color Blindness Simulator