#7682d4 hex color

In a RGB color space, hex #7682d4 is composed of 46.3% red, 51% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 44.3% cyan, 38.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 232.3 degrees, a saturation of 52.2% and a lightness of 64.7%. #7682d4 color hex could be obtained by blending #ecffff with #0005a9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 46
- G 51
- B 83
RGB color chart
- C 44
- M 39
- Y 0
- K 17
CMYK color chart

● #7682d4 color description : Slightly desaturated blue.

The hexadecimal color #7682d4 has RGB values of R:118, G:130, B:212 and CMYK values of C:0.44, M:0.39, Y:0, K:0.17. Its decimal value is 7766740.

Hex triplet	7682d4	`#7682d4`
RGB Decimal	118, 130, 212	`rgb(118,130,212)`
RGB Percent	46.3, 51, 83.1	`rgb(46.3%,51%,83.1%)`
CMYK	44, 39, 0, 17
HSL	232.3°, 52.2, 64.7	`hsl(232.3,52.2%,64.7%)`
HSV (or HSB)	232.3°, 44.3, 83.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.653, 16.877, -43.642
XYZ	27.335, 24.569, 65.586
xyY	0.233, 0.209, 24.569
CIE-LCH	56.653, 46.792, 291.142
CIE-LUV	56.653, -9.825, -70.125
Hunter-Lab	49.568, 11.695, -43.753
Binary	01110110, 10000010, 11010100

#7682d4
```
#7682d4 rgb(118,130,212)
```
#d4c876
```
#d4c876 rgb(212,200,118)
```

Complementary Color

#76b1d4
```
#76b1d4 rgb(118,177,212)
```
#7682d4
```
#7682d4 rgb(118,130,212)
```
#9976d4
```
#9976d4 rgb(153,118,212)
```

Analogous Color

#b1d476
```
#b1d476 rgb(177,212,118)
```
#7682d4
```
#7682d4 rgb(118,130,212)
```
#d49976
```
#d49976 rgb(212,153,118)
```

Split Complementary Color

#82d476
```
#82d476 rgb(130,212,118)
```
#7682d4
```
#7682d4 rgb(118,130,212)
```
#d47682
```
#d47682 rgb(212,118,130)
```

Triadic Color

#76d4c8
```
#76d4c8 rgb(118,212,200)
```
#7682d4
```
#7682d4 rgb(118,130,212)
```
#d47682
```
#d47682 rgb(212,118,130)
```
#d4c876
```
#d4c876 rgb(212,200,118)
```

Tetradic Color

#3d4dc1
```
#3d4dc1 rgb(61,77,193)
```
#4f5fc8
```
#4f5fc8 rgb(79,95,200)
```
#6370ce
```
#6370ce rgb(99,112,206)
```
#7682d4
```
#7682d4 rgb(118,130,212)
```
#8994da
```
#8994da rgb(137,148,218)
```
#9da5e0
```
#9da5e0 rgb(157,165,224)
```
#b0b7e6
```
#b0b7e6 rgb(176,183,230)
```

Monochromatic Color

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

#769ad4
```
#769ad4 rgb(118,154,212)
```
#7692d4
```
#7692d4 rgb(118,146,212)
```
#768ad4
```
#768ad4 rgb(118,138,212)
```
#7682d4
```
#7682d4 rgb(118,130,212)
```
#767ad4
```
#767ad4 rgb(118,122,212)
```
#7a76d4
```
#7a76d4 rgb(122,118,212)
```
#8276d4
```
#8276d4 rgb(130,118,212)
```

Similar Colors

Text with hexadecimal color #7682d4

This text has a font color of #7682d4.

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

#7682d4 background color

This paragraph has a background color of #7682d4.

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

#7682d4 border color

This element has a border color of #7682d4.

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

CSS codes

.text {color:#7682d4;}

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

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

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, #04050c is the darkest color, while #fcfdfe is the lightest one.

#04050c
```
#04050c rgb(4,5,12)
```
#090b1b
```
#090b1b rgb(9,11,27)
```
#0d112a
```
#0d112a rgb(13,17,42)
```
#121739
```
#121739 rgb(18,23,57)
```
#171d48
```
#171d48 rgb(23,29,72)
```
#1b2357
```
#1b2357 rgb(27,35,87)
```
#202966
```
#202966 rgb(32,41,102)
```
#252f75
```
#252f75 rgb(37,47,117)
```
#293584
```
#293584 rgb(41,53,132)
```
#2e3b93
```
#2e3b93 rgb(46,59,147)
```
#3341a2
```
#3341a2 rgb(51,65,162)
```
#3747b1
```
#3747b1 rgb(55,71,177)
```
#3c4dbf
```
#3c4dbf rgb(60,77,191)
```

Shade Color Variation

#4959c6
```
#4959c6 rgb(73,89,198)
```
#5867cb
```
#5867cb rgb(88,103,203)
```
#6774cf
```
#6774cf rgb(103,116,207)
```
#7682d4
```
#7682d4 rgb(118,130,212)
```
#8590d9
```
#8590d9 rgb(133,144,217)
```
#949ddd
```
#949ddd rgb(148,157,221)
```
#a3abe2
```
#a3abe2 rgb(163,171,226)
```
#b2b8e7
```
#b2b8e7 rgb(178,184,231)
```
#c1c6eb
```
#c1c6eb rgb(193,198,235)
```
#d0d4f0
```
#d0d4f0 rgb(208,212,240)
```
#dfe1f5
```
#dfe1f5 rgb(223,225,245)
```
#edeff9
```
#edeff9 rgb(237,239,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#a0a1aa
```
#a0a1aa rgb(160,161,170)
```
#999cb1
```
#999cb1 rgb(153,156,177)
```
#9297b8
```
#9297b8 rgb(146,151,184)
```
#8b91bf
```
#8b91bf rgb(139,145,191)
```
#848cc6
```
#848cc6 rgb(132,140,198)
```
#7d87cd
```
#7d87cd rgb(125,135,205)
```
#7682d4
```
#7682d4 rgb(118,130,212)
```
#6f7ddb
```
#6f7ddb rgb(111,125,219)
```
#6878e2
```
#6878e2 rgb(104,120,226)
```
#6173e9
```
#6173e9 rgb(97,115,233)
```
#5a6df0
```
#5a6df0 rgb(90,109,240)
```
#5368f7
```
#5368f7 rgb(83,104,247)
```
#4c63fe
```
#4c63fe rgb(76,99,254)
```

Tone Color Variation

Below, you can see how #7682d4 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
#848797 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e8bd8 Protanopia 1% of men
#668ed4 Deuteranopia 1% of men
#6a949f Tritanopia 0.001% of the population

Trichromacy

#7188d6 Protanomaly 1% of men, 0.01% of women
#6b89d4 Deuteranomaly 6% of men, 0.4% of women
#6e8db2 Tritanomaly 0.01% of the population

#7682d4 hex color

#7682d4 Color Information

#7682d4 Color Conversion

Color Schemes with #7682d4

Alternatives to #7682d4

#7682d4 Preview

Shades and Tints of #7682d4

Tones of #7682d4

Color Blindness Simulator