#682dbc hex color

In a RGB color space, hex #682dbc is composed of 40.8% red, 17.6% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 44.7% cyan, 76.1% magenta, 0% yellow and 26.3% black. It has a hue angle of 264.8 degrees, a saturation of 61.4% and a lightness of 45.7%. #682dbc color hex could be obtained by blending #d05aff with #000079. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 41
- G 18
- B 74
RGB color chart
- C 45
- M 76
- Y 0
- K 26
CMYK color chart

● #682dbc color description : Strong violet.

The hexadecimal color #682dbc has RGB values of R:104, G:45, B:188 and CMYK values of C:0.45, M:0.76, Y:0, K:0.26. Its decimal value is 6827452.

Hex triplet	682dbc	`#682dbc`
RGB Decimal	104, 45, 188	`rgb(104,45,188)`
RGB Percent	40.8, 17.6, 73.7	`rgb(40.8%,17.6%,73.7%)`
CMYK	45, 76, 0, 26
HSL	264.8°, 61.4, 45.7	`hsl(264.8,61.4%,45.7%)`
HSV (or HSB)	264.8°, 76.1, 73.7
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.904, 55.059, -64.846
XYZ	15.723, 8.451, 48.377
xyY	0.217, 0.116, 8.451
CIE-LCH	34.904, 85.068, 310.334
CIE-LUV	34.904, 9.451, -92.52
Hunter-Lab	29.07, 45.672, -78.319
Binary	01101000, 00101101, 10111100

#682dbc
```
#682dbc rgb(104,45,188)
```
#81bc2d
```
#81bc2d rgb(129,188,45)
```

Complementary Color

#2d3abc
```
#2d3abc rgb(45,58,188)
```
#682dbc
```
#682dbc rgb(104,45,188)
```
#b02dbc
```
#b02dbc rgb(176,45,188)
```

Analogous Color

#3abc2d
```
#3abc2d rgb(58,188,45)
```
#682dbc
```
#682dbc rgb(104,45,188)
```
#bcb02d
```
#bcb02d rgb(188,176,45)
```

Split Complementary Color

#2dbc68
```
#2dbc68 rgb(45,188,104)
```
#682dbc
```
#682dbc rgb(104,45,188)
```
#bc682d
```
#bc682d rgb(188,104,45)
```

Triadic Color

#2d81bc
```
#2d81bc rgb(45,129,188)
```
#682dbc
```
#682dbc rgb(104,45,188)
```
#bc682d
```
#bc682d rgb(188,104,45)
```
#81bc2d
```
#81bc2d rgb(129,188,45)
```

Tetradic Color

#461e7e
```
#461e7e rgb(70,30,126)
```
#512393
```
#512393 rgb(81,35,147)
```
#5d28a7
```
#5d28a7 rgb(93,40,167)
```
#682dbc
```
#682dbc rgb(104,45,188)
```
#7434ce
```
#7434ce rgb(116,52,206)
```
#8249d3
```
#8249d3 rgb(130,73,211)
```
#905dd8
```
#905dd8 rgb(144,93,216)
```

Monochromatic Color

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

#442dbc
```
#442dbc rgb(68,45,188)
```
#502dbc
```
#502dbc rgb(80,45,188)
```
#5c2dbc
```
#5c2dbc rgb(92,45,188)
```
#682dbc
```
#682dbc rgb(104,45,188)
```
#742dbc
```
#742dbc rgb(116,45,188)
```
#802dbc
```
#802dbc rgb(128,45,188)
```
#8c2dbc
```
#8c2dbc rgb(140,45,188)
```

Similar Colors

Text with hexadecimal color #682dbc

This text has a font color of #682dbc.

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

#682dbc background color

This paragraph has a background color of #682dbc.

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

#682dbc border color

This element has a border color of #682dbc.

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

CSS codes

.text {color:#682dbc;}

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

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

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, #08030e is the darkest color, while #fefdff is the lightest one.

#08030e
```
#08030e rgb(8,3,14)
```
#10071e
```
#10071e rgb(16,7,30)
```
#190b2e
```
#190b2e rgb(25,11,46)
```
#220f3d
```
#220f3d rgb(34,15,61)
```
#2b124d
```
#2b124d rgb(43,18,77)
```
#33165d
```
#33165d rgb(51,22,93)
```
#3c1a6d
```
#3c1a6d rgb(60,26,109)
```
#451e7d
```
#451e7d rgb(69,30,125)
```
#4e228d
```
#4e228d rgb(78,34,141)
```
#56259c
```
#56259c rgb(86,37,156)
```
#5f29ac
```
#5f29ac rgb(95,41,172)
```
#682dbc
```
#682dbc rgb(104,45,188)
```
#7131cc
```
#7131cc rgb(113,49,204)
```

Shade Color Variation

#7b3fd1
```
#7b3fd1 rgb(123,63,209)
```
#864fd5
```
#864fd5 rgb(134,79,213)
```
#915fd9
```
#915fd9 rgb(145,95,217)
```
#9c6fdc
```
#9c6fdc rgb(156,111,220)
```
#a77ee0
```
#a77ee0 rgb(167,126,224)
```
#b28ee4
```
#b28ee4 rgb(178,142,228)
```
#bd9ee8
```
#bd9ee8 rgb(189,158,232)
```
#c7aeec
```
#c7aeec rgb(199,174,236)
```
#d2beef
```
#d2beef rgb(210,190,239)
```
#ddcef3
```
#ddcef3 rgb(221,206,243)
```
#e8ddf7
```
#e8ddf7 rgb(232,221,247)
```
#f3edfb
```
#f3edfb rgb(243,237,251)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #736c7d is the less saturated color, while #6000e9 is the most saturated one.

#736c7d
```
#736c7d rgb(115,108,125)
```
#716386
```
#716386 rgb(113,99,134)
```
#705a8f
```
#705a8f rgb(112,90,143)
```
#6e5198
```
#6e5198 rgb(110,81,152)
```
#6d48a1
```
#6d48a1 rgb(109,72,161)
```
#6b3faa
```
#6b3faa rgb(107,63,170)
```
#6a36b3
```
#6a36b3 rgb(106,54,179)
```
#682dbc
```
#682dbc rgb(104,45,188)
```
#6624c5
```
#6624c5 rgb(102,36,197)
```
#651bce
```
#651bce rgb(101,27,206)
```
#6312d7
```
#6312d7 rgb(99,18,215)
```
#6209e0
```
#6209e0 rgb(98,9,224)
```
#6000e9
```
#6000e9 rgb(96,0,233)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#544865 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ac Protanopia 1% of men
#005d96 Deuteranopia 1% of men
#535c63 Tritanopia 0.001% of the population

Trichromacy

#2548b1 Protanomaly 1% of men, 0.01% of women
#254ba4 Deuteranomaly 6% of men, 0.4% of women
#5a4b83 Tritanomaly 0.01% of the population

#682dbc hex color

#682dbc Color Information

#682dbc Color Conversion

Color Schemes with #682dbc

Alternatives to #682dbc

#682dbc Preview

Shades and Tints of #682dbc

Tones of #682dbc

Color Blindness Simulator