#682bb5 hex color

In a RGB color space, hex #682bb5 is composed of 40.8% red, 16.9% green and 71% blue. Whereas in a CMYK color space, it is composed of 42.5% cyan, 76.2% magenta, 0% yellow and 29% black. It has a hue angle of 266.5 degrees, a saturation of 61.6% and a lightness of 43.9%. #682bb5 color hex could be obtained by blending #d056ff with #00006b. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 41
- G 17
- B 71
RGB color chart
- C 43
- M 76
- Y 0
- K 29
CMYK color chart

● #682bb5 color description : Strong violet.

The hexadecimal color #682bb5 has RGB values of R:104, G:43, B:181 and CMYK values of C:0.43, M:0.76, Y:0, K:0.29. Its decimal value is 6826933.

Hex triplet	682bb5	`#682bb5`
RGB Decimal	104, 43, 181	`rgb(104,43,181)`
RGB Percent	40.8, 16.9, 71	`rgb(40.8%,16.9%,71%)`
CMYK	43, 76, 0, 29
HSL	266.5°, 61.6, 43.9	`hsl(266.5,61.6%,43.9%)`
HSV (or HSB)	266.5°, 76.2, 71
Web Safe	6633cc	`#6633cc`

CIE-LAB	33.997, 54.165, -62.189
XYZ	14.912, 8.007, 44.473
xyY	0.221, 0.119, 8.007
CIE-LCH	33.997, 82.47, 311.055
CIE-LUV	33.997, 10.768, -88.341
Hunter-Lab	28.297, 44.548, -73.377
Binary	01101000, 00101011, 10110101

#682bb5
```
#682bb5 rgb(104,43,181)
```
#78b52b
```
#78b52b rgb(120,181,43)
```

Complementary Color

#2b33b5
```
#2b33b5 rgb(43,51,181)
```
#682bb5
```
#682bb5 rgb(104,43,181)
```
#ad2bb5
```
#ad2bb5 rgb(173,43,181)
```

Analogous Color

#33b52b
```
#33b52b rgb(51,181,43)
```
#682bb5
```
#682bb5 rgb(104,43,181)
```
#b5ad2b
```
#b5ad2b rgb(181,173,43)
```

Split Complementary Color

#2bb568
```
#2bb568 rgb(43,181,104)
```
#682bb5
```
#682bb5 rgb(104,43,181)
```
#b5682b
```
#b5682b rgb(181,104,43)
```

Triadic Color

#2b78b5
```
#2b78b5 rgb(43,120,181)
```
#682bb5
```
#682bb5 rgb(104,43,181)
```
#b5682b
```
#b5682b rgb(181,104,43)
```
#78b52b
```
#78b52b rgb(120,181,43)
```

Tetradic Color

#441c77
```
#441c77 rgb(68,28,119)
```
#50218c
```
#50218c rgb(80,33,140)
```
#5c26a0
```
#5c26a0 rgb(92,38,160)
```
#682bb5
```
#682bb5 rgb(104,43,181)
```
#7430ca
```
#7430ca rgb(116,48,202)
```
#8141d2
```
#8141d2 rgb(129,65,210)
```
#8f56d7
```
#8f56d7 rgb(143,86,215)
```

Monochromatic Color

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

#452bb5
```
#452bb5 rgb(69,43,181)
```
#512bb5
```
#512bb5 rgb(81,43,181)
```
#5c2bb5
```
#5c2bb5 rgb(92,43,181)
```
#682bb5
```
#682bb5 rgb(104,43,181)
```
#742bb5
```
#742bb5 rgb(116,43,181)
```
#7f2bb5
```
#7f2bb5 rgb(127,43,181)
```
#8b2bb5
```
#8b2bb5 rgb(139,43,181)
```

Similar Colors

Text with hexadecimal color #682bb5

This text has a font color of #682bb5.

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

#682bb5 background color

This paragraph has a background color of #682bb5.

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

#682bb5 border color

This element has a border color of #682bb5.

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

CSS codes

.text {color:#682bb5;}

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

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

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

#040207
```
#040207 rgb(4,2,7)
```
#0d0517
```
#0d0517 rgb(13,5,23)
```
#160926
```
#160926 rgb(22,9,38)
```
#1f0d36
```
#1f0d36 rgb(31,13,54)
```
#281146
```
#281146 rgb(40,17,70)
```
#311456
```
#311456 rgb(49,20,86)
```
#3a1866
```
#3a1866 rgb(58,24,102)
```
#441c76
```
#441c76 rgb(68,28,118)
```
#4d2085
```
#4d2085 rgb(77,32,133)
```
#562395
```
#562395 rgb(86,35,149)
```
#5f27a5
```
#5f27a5 rgb(95,39,165)
```
#682bb5
```
#682bb5 rgb(104,43,181)
```
#712fc5
```
#712fc5 rgb(113,47,197)
```

Shade Color Variation

#7b38d0
```
#7b38d0 rgb(123,56,208)
```
#8547d3
```
#8547d3 rgb(133,71,211)
```
#9057d7
```
#9057d7 rgb(144,87,215)
```
#9a67db
```
#9a67db rgb(154,103,219)
```
#a577df
```
#a577df rgb(165,119,223)
```
#af87e2
```
#af87e2 rgb(175,135,226)
```
#ba97e6
```
#ba97e6 rgb(186,151,230)
```
#c4a7ea
```
#c4a7ea rgb(196,167,234)
```
#cfb6ee
```
#cfb6ee rgb(207,182,238)
```
#d9c6f2
```
#d9c6f2 rgb(217,198,242)
```
#e4d6f5
```
#e4d6f5 rgb(228,214,245)
```
#eee6f9
```
#eee6f9 rgb(238,230,249)
```
#f9f6fd
```
#f9f6fd rgb(249,246,253)
```

Tint Color Variation

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

#707070
```
#707070 rgb(112,112,112)
```
#6f6779
```
#6f6779 rgb(111,103,121)
```
#6e5f81
```
#6e5f81 rgb(110,95,129)
```
#6d568a
```
#6d568a rgb(109,86,138)
```
#6c4d93
```
#6c4d93 rgb(108,77,147)
```
#6b459b
```
#6b459b rgb(107,69,155)
```
#6a3ca4
```
#6a3ca4 rgb(106,60,164)
```
#6934ac
```
#6934ac rgb(105,52,172)
```
#682bb5
```
#682bb5 rgb(104,43,181)
```
#6722be
```
#6722be rgb(103,34,190)
```
#661ac6
```
#661ac6 rgb(102,26,198)
```
#6511cf
```
#6511cf rgb(101,17,207)
```
#6409d7
```
#6409d7 rgb(100,9,215)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#524662 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a8 Protanopia 1% of men
#005b93 Deuteranopia 1% of men
#56595f Tritanopia 0.001% of the population

Trichromacy

#2546ac Protanomaly 1% of men, 0.01% of women
#25499f Deuteranomaly 6% of men, 0.4% of women
#5c487e Tritanomaly 0.01% of the population

#682bb5 hex color

#682bb5 Color Information

#682bb5 Color Conversion

Color Schemes with #682bb5

Alternatives to #682bb5

#682bb5 Preview

Shades and Tints of #682bb5

Tones of #682bb5

Color Blindness Simulator