#7682fd hex color

In a RGB color space, hex #7682fd is composed of 46.3% red, 51% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 48.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 234.7 degrees, a saturation of 97.1% and a lightness of 72.7%. #7682fd color hex could be obtained by blending #ecffff with #0005fb. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 46
- G 51
- B 99
RGB color chart
- C 53
- M 49
- Y 0
- K 1
CMYK color chart

● #7682fd color description : Soft blue.

The hexadecimal color #7682fd has RGB values of R:118, G:130, B:253 and CMYK values of C:0.53, M:0.49, Y:0, K:0.01. Its decimal value is 7766781.

Hex triplet	7682fd	`#7682fd`
RGB Decimal	118, 130, 253	`rgb(118,130,253)`
RGB Percent	46.3, 51, 99.2	`rgb(46.3%,51%,99.2%)`
CMYK	53, 49, 0, 1
HSL	234.7°, 97.1, 72.7	`hsl(234.7,97.1%,72.7%)`
HSV (or HSB)	234.7°, 53.4, 99.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.888, 29.264, -62.906
XYZ	33.18, 26.907, 96.368
xyY	0.212, 0.172, 26.907
CIE-LCH	58.888, 69.379, 294.948
CIE-LUV	58.888, -11.486, -103.14
Hunter-Lab	51.872, 23.4, -73.838
Binary	01110110, 10000010, 11111101

#7682fd
```
#7682fd rgb(118,130,253)
```
#fdf176
```
#fdf176 rgb(253,241,118)
```

Complementary Color

#76c6fd
```
#76c6fd rgb(118,198,253)
```
#7682fd
```
#7682fd rgb(118,130,253)
```
#ae76fd
```
#ae76fd rgb(174,118,253)
```

Analogous Color

#c6fd76
```
#c6fd76 rgb(198,253,118)
```
#7682fd
```
#7682fd rgb(118,130,253)
```
#fdae76
```
#fdae76 rgb(253,174,118)
```

Split Complementary Color

#82fd76
```
#82fd76 rgb(130,253,118)
```
#7682fd
```
#7682fd rgb(118,130,253)
```
#fd7682
```
#fd7682 rgb(253,118,130)
```

Triadic Color

#76fdf1
```
#76fdf1 rgb(118,253,241)
```
#7682fd
```
#7682fd rgb(118,130,253)
```
#fd7682
```
#fd7682 rgb(253,118,130)
```
#fdf176
```
#fdf176 rgb(253,241,118)
```

Tetradic Color

#2b3dfc
```
#2b3dfc rgb(43,61,252)
```
#4454fc
```
#4454fc rgb(68,84,252)
```
#5d6bfd
```
#5d6bfd rgb(93,107,253)
```
#7682fd
```
#7682fd rgb(118,130,253)
```
#8f99fd
```
#8f99fd rgb(143,153,253)
```
#a8b0fe
```
#a8b0fe rgb(168,176,254)
```
#c1c7fe
```
#c1c7fe rgb(193,199,254)
```

Monochromatic Color

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

#76a4fd
```
#76a4fd rgb(118,164,253)
```
#7699fd
```
#7699fd rgb(118,153,253)
```
#768dfd
```
#768dfd rgb(118,141,253)
```
#7682fd
```
#7682fd rgb(118,130,253)
```
#7677fd
```
#7677fd rgb(118,119,253)
```
#8176fd
```
#8176fd rgb(129,118,253)
```
#8c76fd
```
#8c76fd rgb(140,118,253)
```

Similar Colors

Text with hexadecimal color #7682fd

This text has a font color of #7682fd.

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

#7682fd background color

This paragraph has a background color of #7682fd.

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

#7682fd border color

This element has a border color of #7682fd.

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

CSS codes

.text {color:#7682fd;}

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

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

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

#000212
```
#000212 rgb(0,2,18)
```
#010425
```
#010425 rgb(1,4,37)
```
#010638
```
#010638 rgb(1,6,56)
```
#01084c
```
#01084c rgb(1,8,76)
```
#010a5f
```
#010a5f rgb(1,10,95)
```
#020c72
```
#020c72 rgb(2,12,114)
```
#020e86
```
#020e86 rgb(2,14,134)
```
#021099
```
#021099 rgb(2,16,153)
```
#0312ac
```
#0312ac rgb(3,18,172)
```
#0314c0
```
#0314c0 rgb(3,20,192)
```
#0316d3
```
#0316d3 rgb(3,22,211)
```
#0318e6
```
#0318e6 rgb(3,24,230)
```
#041afa
```
#041afa rgb(4,26,250)
```

Shade Color Variation

#152afc
```
#152afc rgb(21,42,252)
```
#293bfc
```
#293bfc rgb(41,59,252)
```
#3c4dfc
```
#3c4dfc rgb(60,77,252)
```
#4f5ffc
```
#4f5ffc rgb(79,95,252)
```
#6370fd
```
#6370fd rgb(99,112,253)
```
#7682fd
```
#7682fd rgb(118,130,253)
```
#8994fd
```
#8994fd rgb(137,148,253)
```
#9da5fe
```
#9da5fe rgb(157,165,254)
```
#b0b7fe
```
#b0b7fe rgb(176,183,254)
```
#c3c9fe
```
#c3c9fe rgb(195,201,254)
```
#d7dafe
```
#d7dafe rgb(215,218,254)
```
#eaecff
```
#eaecff rgb(234,236,255)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#b6b7bd
```
#b6b7bd rgb(182,183,189)
```
#b1b2c2
```
#b1b2c2 rgb(177,178,194)
```
#abaec8
```
#abaec8 rgb(171,174,200)
```
#a6aacd
```
#a6aacd rgb(166,170,205)
```
#a1a5d2
```
#a1a5d2 rgb(161,165,210)
```
#9ba1d8
```
#9ba1d8 rgb(155,161,216)
```
#969cdd
```
#969cdd rgb(150,156,221)
```
#9198e2
```
#9198e2 rgb(145,152,226)
```
#8b94e8
```
#8b94e8 rgb(139,148,232)
```
#868fed
```
#868fed rgb(134,143,237)
```
#818bf2
```
#818bf2 rgb(129,139,242)
```
#7b86f8
```
#7b86f8 rgb(123,134,248)
```
#7682fd
```
#7682fd rgb(118,130,253)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#888aa3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#558fff Protanopia 1% of men
#2895f7 Deuteranopia 1% of men
#569da9 Tritanopia 0.001% of the population

Trichromacy

#618afe Protanomaly 1% of men, 0.01% of women
#448ef9 Deuteranomaly 6% of men, 0.4% of women
#6193c7 Tritanomaly 0.01% of the population

#7682fd hex color

#7682fd Color Information

#7682fd Color Conversion

Color Schemes with #7682fd

Alternatives to #7682fd

#7682fd Preview

Shades and Tints of #7682fd

Tones of #7682fd

Color Blindness Simulator