#682fcc hex color

In a RGB color space, hex #682fcc is composed of 40.8% red, 18.4% green and 80% blue. Whereas in a CMYK color space, it is composed of 49% cyan, 77% magenta, 0% yellow and 20% black. It has a hue angle of 261.8 degrees, a saturation of 62.5% and a lightness of 49.2%. #682fcc color hex could be obtained by blending #d05eff with #000099. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 41
- G 18
- B 80
RGB color chart
- C 49
- M 77
- Y 0
- K 20
CMYK color chart

● #682fcc color description : Strong violet.

The hexadecimal color #682fcc has RGB values of R:104, G:47, B:204 and CMYK values of C:0.49, M:0.77, Y:0, K:0.2. Its decimal value is 6827980.

Hex triplet	682fcc	`#682fcc`
RGB Decimal	104, 47, 204	`rgb(104,47,204)`
RGB Percent	40.8, 18.4, 80	`rgb(40.8%,18.4%,80%)`
CMYK	49, 77, 0, 20
HSL	261.8°, 62.5, 49.2	`hsl(261.8,62.5%,49.2%)`
HSV (or HSB)	261.8°, 77, 80
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.622, 58.29, -71.395
XYZ	17.623, 9.336, 57.997
xyY	0.207, 0.11, 9.336
CIE-LCH	36.622, 92.168, 309.23
CIE-LUV	36.622, 7.002, -102.357
Hunter-Lab	30.554, 49.484, -91.155
Binary	01101000, 00101111, 11001100

#682fcc
```
#682fcc rgb(104,47,204)
```
#93cc2f
```
#93cc2f rgb(147,204,47)
```

Complementary Color

#2f45cc
```
#2f45cc rgb(47,69,204)
```
#682fcc
```
#682fcc rgb(104,47,204)
```
#b72fcc
```
#b72fcc rgb(183,47,204)
```

Analogous Color

#45cc2f
```
#45cc2f rgb(69,204,47)
```
#682fcc
```
#682fcc rgb(104,47,204)
```
#ccb72f
```
#ccb72f rgb(204,183,47)
```

Split Complementary Color

#2fcc68
```
#2fcc68 rgb(47,204,104)
```
#682fcc
```
#682fcc rgb(104,47,204)
```
#cc682f
```
#cc682f rgb(204,104,47)
```

Triadic Color

#2f93cc
```
#2f93cc rgb(47,147,204)
```
#682fcc
```
#682fcc rgb(104,47,204)
```
#cc682f
```
#cc682f rgb(204,104,47)
```
#93cc2f
```
#93cc2f rgb(147,204,47)
```

Tetradic Color

#48218e
```
#48218e rgb(72,33,142)
```
#5325a3
```
#5325a3 rgb(83,37,163)
```
#5d2ab7
```
#5d2ab7 rgb(93,42,183)
```
#682fcc
```
#682fcc rgb(104,47,204)
```
#7641d3
```
#7641d3 rgb(118,65,211)
```
#8556d8
```
#8556d8 rgb(133,86,216)
```
#946bdd
```
#946bdd rgb(148,107,221)
```

Monochromatic Color

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

#412fcc
```
#412fcc rgb(65,47,204)
```
#4e2fcc
```
#4e2fcc rgb(78,47,204)
```
#5b2fcc
```
#5b2fcc rgb(91,47,204)
```
#682fcc
```
#682fcc rgb(104,47,204)
```
#752fcc
```
#752fcc rgb(117,47,204)
```
#822fcc
```
#822fcc rgb(130,47,204)
```
#8f2fcc
```
#8f2fcc rgb(143,47,204)
```

Similar Colors

Text with hexadecimal color #682fcc

This text has a font color of #682fcc.

<span style="color:#682fcc;">Text here</span>

#682fcc background color

This paragraph has a background color of #682fcc.

<p style="background-color:#682fcc;">Content here</p>

#682fcc border color

This element has a border color of #682fcc.

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

CSS codes

.text {color:#682fcc;}

.background {background-color:#682fcc;}

.border {border:1px solid #682fcc;}

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, #06030d is the darkest color, while #fdfcfe is the lightest one.

#06030d
```
#06030d rgb(6,3,13)
```
#0f071d
```
#0f071d rgb(15,7,29)
```
#170a2d
```
#170a2d rgb(23,10,45)
```
#1f0e3d
```
#1f0e3d rgb(31,14,61)
```
#27124c
```
#27124c rgb(39,18,76)
```
#2f155c
```
#2f155c rgb(47,21,92)
```
#37196c
```
#37196c rgb(55,25,108)
```
#3f1d7c
```
#3f1d7c rgb(63,29,124)
```
#47208c
```
#47208c rgb(71,32,140)
```
#50249c
```
#50249c rgb(80,36,156)
```
#5828ac
```
#5828ac rgb(88,40,172)
```
#602bbc
```
#602bbc rgb(96,43,188)
```
#682fcc
```
#682fcc rgb(104,47,204)
```

Shade Color Variation

#733cd2
```
#733cd2 rgb(115,60,210)
```
#7e4cd6
```
#7e4cd6 rgb(126,76,214)
```
#8a5cda
```
#8a5cda rgb(138,92,218)
```
#956cdd
```
#956cdd rgb(149,108,221)
```
#a17ce1
```
#a17ce1 rgb(161,124,225)
```
#ac8ce5
```
#ac8ce5 rgb(172,140,229)
```
#b89ce8
```
#b89ce8 rgb(184,156,232)
```
#c3acec
```
#c3acec rgb(195,172,236)
```
#cfbcf0
```
#cfbcf0 rgb(207,188,240)
```
#daccf3
```
#daccf3 rgb(218,204,243)
```
#e6dcf7
```
#e6dcf7 rgb(230,220,247)
```
#f1ecfb
```
#f1ecfb rgb(241,236,251)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d7c7f is the less saturated color, while #5d08f3 is the most saturated one.

#7d7c7f
```
#7d7c7f rgb(125,124,127)
```
#7b7388
```
#7b7388 rgb(123,115,136)
```
#786992
```
#786992 rgb(120,105,146)
```
#755f9c
```
#755f9c rgb(117,95,156)
```
#7356a5
```
#7356a5 rgb(115,86,165)
```
#704caf
```
#704caf rgb(112,76,175)
```
#6d42b9
```
#6d42b9 rgb(109,66,185)
```
#6b39c2
```
#6b39c2 rgb(107,57,194)
```
#682fcc
```
#682fcc rgb(104,47,204)
```
#6525d6
```
#6525d6 rgb(101,37,214)
```
#631cdf
```
#631cdf rgb(99,28,223)
```
#6012e9
```
#6012e9 rgb(96,18,233)
```
#5d08f3
```
#5d08f3 rgb(93,8,243)
```

Tone Color Variation

Below, you can see how #682fcc 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

#525252 Achromatopsia 0.005% of the population
#564b6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb3 Protanopia 1% of men
#00619c Deuteranopia 1% of men
#4b6269 Tritanopia 0.001% of the population

Trichromacy

#254bbc Protanomaly 1% of men, 0.01% of women
#254fad Deuteranomaly 6% of men, 0.4% of women
#554f8d Tritanomaly 0.01% of the population

#682fcc hex color

#682fcc Color Information

#682fcc Color Conversion

Color Schemes with #682fcc

Alternatives to #682fcc

#682fcc Preview

Shades and Tints of #682fcc

Tones of #682fcc

Color Blindness Simulator