colorhexa.com

#682ba4 hex color

In a RGB color space, hex #682ba4 is composed of 40.8% red, 16.9% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 36.6% cyan, 73.8% magenta, 0% yellow and 35.7% black. It has a hue angle of 270.2 degrees, a saturation of 58.5% and a lightness of 40.6%. #682ba4 color hex could be obtained by blending #d056ff with #000049. Closest websafe color is: #663399.

- R 41
- G 17
- B 64
RGB color chart
- C 37
- M 74
- Y 0
- K 36
CMYK color chart

● #682ba4 color description : Dark violet.

The hexadecimal color #682ba4 has RGB values of R:104, G:43, B:164 and CMYK values of C:0.37, M:0.74, Y:0, K:0.36. Its decimal value is 6826916.

Hex triplet	682ba4	`#682ba4`
RGB Decimal	104, 43, 164	`rgb(104,43,164)`
RGB Percent	40.8, 16.9, 64.3	`rgb(40.8%,16.9%,64.3%)`
CMYK	37, 74, 0, 36
HSL	270.2°, 58.5, 40.6	`hsl(270.2,58.5%,40.6%)`
HSV (or HSB)	270.2°, 73.8, 64.3
Web Safe	663399	`#663399`

CIE-LAB	32.594, 49.948, -54.309
XYZ	13.273, 7.351, 35.84
xyY	0.235, 0.13, 7.351
CIE-LCH	32.594, 73.785, 312.605
CIE-LUV	32.594, 13.528, -77.116
Hunter-Lab	27.113, 39.932, -59.393
Binary	01101000, 00101011, 10100100

#682ba4
```
#682ba4 rgb(104,43,164)
```
#67a42b
```
#67a42b rgb(103,164,43)
```

Complementary Color

#2c2ba4
```
#2c2ba4 rgb(44,43,164)
```
#682ba4
```
#682ba4 rgb(104,43,164)
```
#a42ba4
```
#a42ba4 rgb(164,43,164)
```

Analogous Color

#2ba42c
```
#2ba42c rgb(43,164,44)
```
#682ba4
```
#682ba4 rgb(104,43,164)
```
#a4a42b
```
#a4a42b rgb(164,164,43)
```

Split Complementary Color

#2ba468
```
#2ba468 rgb(43,164,104)
```
#682ba4
```
#682ba4 rgb(104,43,164)
```
#a4682b
```
#a4682b rgb(164,104,43)
```

Triadic Color

#2b67a4
```
#2b67a4 rgb(43,103,164)
```
#682ba4
```
#682ba4 rgb(104,43,164)
```
#a4682b
```
#a4682b rgb(164,104,43)
```
#67a42b
```
#67a42b rgb(103,164,43)
```

Tetradic Color

#421b67
```
#421b67 rgb(66,27,103)
```
#4e207c
```
#4e207c rgb(78,32,124)
```
#5b2690
```
#5b2690 rgb(91,38,144)
```
#682ba4
```
#682ba4 rgb(104,43,164)
```
#7530b8
```
#7530b8 rgb(117,48,184)
```
#8237cb
```
#8237cb rgb(130,55,203)
```
#8e4cd0
```
#8e4cd0 rgb(142,76,208)
```

Monochromatic Color

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

#4a2ba4
```
#4a2ba4 rgb(74,43,164)
```
#542ba4
```
#542ba4 rgb(84,43,164)
```
#5e2ba4
```
#5e2ba4 rgb(94,43,164)
```
#682ba4
```
#682ba4 rgb(104,43,164)
```
#722ba4
```
#722ba4 rgb(114,43,164)
```
#7c2ba4
```
#7c2ba4 rgb(124,43,164)
```
#862ba4
```
#862ba4 rgb(134,43,164)
```

Similar Colors

Text with hexadecimal color #682ba4

This text has a font color of #682ba4.

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

#682ba4 background color

This paragraph has a background color of #682ba4.

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

#682ba4 border color

This element has a border color of #682ba4.

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

CSS codes

.text {color:#682ba4;}

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

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

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

#050209
```
#050209 rgb(5,2,9)
```
#0f0618
```
#0f0618 rgb(15,6,24)
```
#190a28
```
#190a28 rgb(25,10,40)
```
#230e37
```
#230e37 rgb(35,14,55)
```
#2d1347
```
#2d1347 rgb(45,19,71)
```
#371756
```
#371756 rgb(55,23,86)
```
#411b66
```
#411b66 rgb(65,27,102)
```
#4a1f75
```
#4a1f75 rgb(74,31,117)
```
#542385
```
#542385 rgb(84,35,133)
```
#5e2794
```
#5e2794 rgb(94,39,148)
```
#682ba4
```
#682ba4 rgb(104,43,164)
```
#722fb4
```
#722fb4 rgb(114,47,180)
```
#7c33c3
```
#7c33c3 rgb(124,51,195)
```

Shade Color Variation

#863ecc
```
#863ecc rgb(134,62,204)
```
#8f4dd0
```
#8f4dd0 rgb(143,77,208)
```
#995dd4
```
#995dd4 rgb(153,93,212)
```
#a36cd9
```
#a36cd9 rgb(163,108,217)
```
#ad7cdd
```
#ad7cdd rgb(173,124,221)
```
#b68be1
```
#b68be1 rgb(182,139,225)
```
#c09be5
```
#c09be5 rgb(192,155,229)
```
#caaae9
```
#caaae9 rgb(202,170,233)
```
#d4baed
```
#d4baed rgb(212,186,237)
```
#ddc9f1
```
#ddc9f1 rgb(221,201,241)
```
#e7d9f5
```
#e7d9f5 rgb(231,217,245)
```
#f1e9f9
```
#f1e9f9 rgb(241,233,249)
```
#fbf8fd
```
#fbf8fd rgb(251,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #68636c is the less saturated color, while #6803cc is the most saturated one.

#68636c
```
#68636c rgb(104,99,108)
```
#685b74
```
#685b74 rgb(104,91,116)
```
#68537c
```
#68537c rgb(104,83,124)
```
#684b84
```
#684b84 rgb(104,75,132)
```
#68438c
```
#68438c rgb(104,67,140)
```
#683b94
```
#683b94 rgb(104,59,148)
```
#68339c
```
#68339c rgb(104,51,156)
```
#682ba4
```
#682ba4 rgb(104,43,164)
```
#6823ac
```
#6823ac rgb(104,35,172)
```
#681bb4
```
#681bb4 rgb(104,27,180)
```
#6813bc
```
#6813bc rgb(104,19,188)
```
#680bc4
```
#680bc4 rgb(104,11,196)
```
#6803cc
```
#6803cc rgb(104,3,204)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#51455d Atypical Achromatopsia 0.001% of the population

Dichromacy

#0053a2 Protanopia 1% of men
#00578f Deuteranopia 1% of men
#5c5359 Tritanopia 0.001% of the population

Trichromacy

#2544a3 Protanomaly 1% of men, 0.01% of women
#254797 Deuteranomaly 6% of men, 0.4% of women
#604474 Tritanomaly 0.01% of the population