#7682bf hex color

In a RGB color space, hex #7682bf is composed of 46.3% red, 51% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 38.2% cyan, 31.9% magenta, 0% yellow and 25.1% black. It has a hue angle of 230.1 degrees, a saturation of 36.3% and a lightness of 60.6%. #7682bf color hex could be obtained by blending #ecffff with #00057f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 46
- G 51
- B 75
RGB color chart
- C 38
- M 32
- Y 0
- K 25
CMYK color chart

● #7682bf color description : Slightly desaturated blue.

The hexadecimal color #7682bf has RGB values of R:118, G:130, B:191 and CMYK values of C:0.38, M:0.32, Y:0, K:0.25. Its decimal value is 7766719.

Hex triplet	7682bf	`#7682bf`
RGB Decimal	118, 130, 191	`rgb(118,130,191)`
RGB Percent	46.3, 51, 74.9	`rgb(46.3%,51%,74.9%)`
CMYK	38, 32, 0, 25
HSL	230.1°, 36.3, 60.6	`hsl(230.1,36.3%,60.6%)`
HSV (or HSB)	230.1°, 38.2, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.663, 10.852, -33.303
XYZ	24.856, 23.578, 52.529
xyY	0.246, 0.234, 23.578
CIE-LCH	55.663, 35.026, 288.049
CIE-LUV	55.663, -8.962, -52.477
Hunter-Lab	48.557, 6.398, -30.15
Binary	01110110, 10000010, 10111111

#7682bf
```
#7682bf rgb(118,130,191)
```
#bfb376
```
#bfb376 rgb(191,179,118)
```

Complementary Color

#76a7bf
```
#76a7bf rgb(118,167,191)
```
#7682bf
```
#7682bf rgb(118,130,191)
```
#8f76bf
```
#8f76bf rgb(143,118,191)
```

Analogous Color

#a7bf76
```
#a7bf76 rgb(167,191,118)
```
#7682bf
```
#7682bf rgb(118,130,191)
```
#bf8f76
```
#bf8f76 rgb(191,143,118)
```

Split Complementary Color

#82bf76
```
#82bf76 rgb(130,191,118)
```
#7682bf
```
#7682bf rgb(118,130,191)
```
#bf7682
```
#bf7682 rgb(191,118,130)
```

Triadic Color

#76bfb3
```
#76bfb3 rgb(118,191,179)
```
#7682bf
```
#7682bf rgb(118,130,191)
```
#bf7682
```
#bf7682 rgb(191,118,130)
```
#bfb376
```
#bfb376 rgb(191,179,118)
```

Tetradic Color

#4a589e
```
#4a589e rgb(74,88,158)
```
#5362af
```
#5362af rgb(83,98,175)
```
#6572b7
```
#6572b7 rgb(101,114,183)
```
#7682bf
```
#7682bf rgb(118,130,191)
```
#8792c7
```
#8792c7 rgb(135,146,199)
```
#99a2cf
```
#99a2cf rgb(153,162,207)
```
#aab2d7
```
#aab2d7 rgb(170,178,215)
```

Monochromatic Color

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

#7694bf
```
#7694bf rgb(118,148,191)
```
#768ebf
```
#768ebf rgb(118,142,191)
```
#7688bf
```
#7688bf rgb(118,136,191)
```
#7682bf
```
#7682bf rgb(118,130,191)
```
#767cbf
```
#767cbf rgb(118,124,191)
```
#7676bf
```
#7676bf rgb(118,118,191)
```
#7c76bf
```
#7c76bf rgb(124,118,191)
```

Similar Colors

Text with hexadecimal color #7682bf

This text has a font color of #7682bf.

<span style="color:#7682bf;">Text here</span>

#7682bf background color

This paragraph has a background color of #7682bf.

<p style="background-color:#7682bf;">Content here</p>

#7682bf border color

This element has a border color of #7682bf.

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

CSS codes

.text {color:#7682bf;}

.background {background-color:#7682bf;}

.border {border:1px solid #7682bf;}

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, #05060a is the darkest color, while #fcfcfd is the lightest one.

#05060a
```
#05060a rgb(5,6,10)
```
#0b0d17
```
#0b0d17 rgb(11,13,23)
```
#111425
```
#111425 rgb(17,20,37)
```
#171c32
```
#171c32 rgb(23,28,50)
```
#1e2340
```
#1e2340 rgb(30,35,64)
```
#242b4d
```
#242b4d rgb(36,43,77)
```
#2a325a
```
#2a325a rgb(42,50,90)
```
#303a68
```
#303a68 rgb(48,58,104)
```
#374175
```
#374175 rgb(55,65,117)
```
#3d4882
```
#3d4882 rgb(61,72,130)
```
#435090
```
#435090 rgb(67,80,144)
```
#49579d
```
#49579d rgb(73,87,157)
```
#505fab
```
#505fab rgb(80,95,171)
```

Shade Color Variation

#5b6ab3
```
#5b6ab3 rgb(91,106,179)
```
#6976b9
```
#6976b9 rgb(105,118,185)
```
#7682bf
```
#7682bf rgb(118,130,191)
```
#838ec5
```
#838ec5 rgb(131,142,197)
```
#919acb
```
#919acb rgb(145,154,203)
```
#9ea7d2
```
#9ea7d2 rgb(158,167,210)
```
#abb3d8
```
#abb3d8 rgb(171,179,216)
```
#b9bfde
```
#b9bfde rgb(185,191,222)
```
#c6cbe4
```
#c6cbe4 rgb(198,203,228)
```
#d4d7eb
```
#d4d7eb rgb(212,215,235)
```
#e1e4f1
```
#e1e4f1 rgb(225,228,241)
```
#eef0f7
```
#eef0f7 rgb(238,240,247)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9597a0 is the less saturated color, while #3858fd is the most saturated one.

#9597a0
```
#9597a0 rgb(149,151,160)
```
#8d92a8
```
#8d92a8 rgb(141,146,168)
```
#858cb0
```
#858cb0 rgb(133,140,176)
```
#7e87b7
```
#7e87b7 rgb(126,135,183)
```
#7682bf
```
#7682bf rgb(118,130,191)
```
#6e7dc7
```
#6e7dc7 rgb(110,125,199)
```
#6778ce
```
#6778ce rgb(103,120,206)
```
#5f72d6
```
#5f72d6 rgb(95,114,214)
```
#576dde
```
#576dde rgb(87,109,222)
```
#4f68e6
```
#4f68e6 rgb(79,104,230)
```
#4863ed
```
#4863ed rgb(72,99,237)
```
#405ef5
```
#405ef5 rgb(64,94,245)
```
#3858fd
```
#3858fd rgb(56,88,253)
```

Tone Color Variation

Below, you can see how #7682bf 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

#858585 Achromatopsia 0.005% of the population
#828491 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7789c3 Protanopia 1% of men
#758ac1 Deuteranopia 1% of men
#71909b Tritanopia 0.001% of the population

Trichromacy

#7786c1 Protanomaly 1% of men, 0.01% of women
#7587c0 Deuteranomaly 6% of men, 0.4% of women
#738ba8 Tritanomaly 0.01% of the population

#7682bf hex color

#7682bf Color Information

#7682bf Color Conversion

Color Schemes with #7682bf

Alternatives to #7682bf

#7682bf Preview

Shades and Tints of #7682bf

Tones of #7682bf

Color Blindness Simulator