#682eb4 hex color

In a RGB color space, hex #682eb4 is composed of 40.8% red, 18% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 74.4% magenta, 0% yellow and 29.4% black. It has a hue angle of 266 degrees, a saturation of 59.3% and a lightness of 44.3%. #682eb4 color hex could be obtained by blending #d05cff with #000069. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 41
- G 18
- B 71
RGB color chart
- C 42
- M 74
- Y 0
- K 29
CMYK color chart

● #682eb4 color description : Moderate violet.

The hexadecimal color #682eb4 has RGB values of R:104, G:46, B:180 and CMYK values of C:0.42, M:0.74, Y:0, K:0.29. Its decimal value is 6827700.

Hex triplet	682eb4	`#682eb4`
RGB Decimal	104, 46, 180	`rgb(104,46,180)`
RGB Percent	40.8, 18, 70.6	`rgb(40.8%,18%,70.6%)`
CMYK	42, 74, 0, 29
HSL	266°, 59.3, 44.3	`hsl(266,59.3%,44.3%)`
HSV (or HSB)	266°, 74.4, 70.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	34.38, 52.58, -60.97
XYZ	14.923, 8.192, 43.973
xyY	0.222, 0.122, 8.192
CIE-LCH	34.38, 80.511, 310.774
CIE-LUV	34.38, 10.487, -87.145
Hunter-Lab	28.622, 42.975, -71.052
Binary	01101000, 00101110, 10110100

#682eb4
```
#682eb4 rgb(104,46,180)
```
#7ab42e
```
#7ab42e rgb(122,180,46)
```

Complementary Color

#2e37b4
```
#2e37b4 rgb(46,55,180)
```
#682eb4
```
#682eb4 rgb(104,46,180)
```
#ab2eb4
```
#ab2eb4 rgb(171,46,180)
```

Analogous Color

#37b42e
```
#37b42e rgb(55,180,46)
```
#682eb4
```
#682eb4 rgb(104,46,180)
```
#b4ab2e
```
#b4ab2e rgb(180,171,46)
```

Split Complementary Color

#2eb468
```
#2eb468 rgb(46,180,104)
```
#682eb4
```
#682eb4 rgb(104,46,180)
```
#b4682e
```
#b4682e rgb(180,104,46)
```

Triadic Color

#2e7ab4
```
#2e7ab4 rgb(46,122,180)
```
#682eb4
```
#682eb4 rgb(104,46,180)
```
#b4682e
```
#b4682e rgb(180,104,46)
```
#7ab42e
```
#7ab42e rgb(122,180,46)
```

Tetradic Color

#451e77
```
#451e77 rgb(69,30,119)
```
#51248b
```
#51248b rgb(81,36,139)
```
#5c29a0
```
#5c29a0 rgb(92,41,160)
```
#682eb4
```
#682eb4 rgb(104,46,180)
```
#7433c8
```
#7433c8 rgb(116,51,200)
```
#8145d0
```
#8145d0 rgb(129,69,208)
```
#8f5ad5
```
#8f5ad5 rgb(143,90,213)
```

Monochromatic Color

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

#472eb4
```
#472eb4 rgb(71,46,180)
```
#522eb4
```
#522eb4 rgb(82,46,180)
```
#5d2eb4
```
#5d2eb4 rgb(93,46,180)
```
#682eb4
```
#682eb4 rgb(104,46,180)
```
#732eb4
```
#732eb4 rgb(115,46,180)
```
#7e2eb4
```
#7e2eb4 rgb(126,46,180)
```
#8a2eb4
```
#8a2eb4 rgb(138,46,180)
```

Similar Colors

Text with hexadecimal color #682eb4

This text has a font color of #682eb4.

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

#682eb4 background color

This paragraph has a background color of #682eb4.

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

#682eb4 border color

This element has a border color of #682eb4.

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

CSS codes

.text {color:#682eb4;}

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

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

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

#050208
```
#050208 rgb(5,2,8)
```
#0e0618
```
#0e0618 rgb(14,6,24)
```
#170a27
```
#170a27 rgb(23,10,39)
```
#200e37
```
#200e37 rgb(32,14,55)
```
#291247
```
#291247 rgb(41,18,71)
```
#321656
```
#321656 rgb(50,22,86)
```
#3b1a66
```
#3b1a66 rgb(59,26,102)
```
#441e76
```
#441e76 rgb(68,30,118)
```
#4d2285
```
#4d2285 rgb(77,34,133)
```
#562695
```
#562695 rgb(86,38,149)
```
#5f2aa4
```
#5f2aa4 rgb(95,42,164)
```
#682eb4
```
#682eb4 rgb(104,46,180)
```
#7132c4
```
#7132c4 rgb(113,50,196)
```

Shade Color Variation

#7b3ccd
```
#7b3ccd rgb(123,60,205)
```
#854cd1
```
#854cd1 rgb(133,76,209)
```
#905bd5
```
#905bd5 rgb(144,91,213)
```
#9b6bd9
```
#9b6bd9 rgb(155,107,217)
```
#a57bdd
```
#a57bdd rgb(165,123,221)
```
#b08ae1
```
#b08ae1 rgb(176,138,225)
```
#ba9ae5
```
#ba9ae5 rgb(186,154,229)
```
#c5a9e9
```
#c5a9e9 rgb(197,169,233)
```
#d0b9ed
```
#d0b9ed rgb(208,185,237)
```
#dac9f1
```
#dac9f1 rgb(218,201,241)
```
#e5d8f5
```
#e5d8f5 rgb(229,216,245)
```
#efe8f9
```
#efe8f9 rgb(239,232,249)
```
#faf8fd
```
#faf8fd rgb(250,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #706b77 is the less saturated color, while #6203df is the most saturated one.

#706b77
```
#706b77 rgb(112,107,119)
```
#6f6280
```
#6f6280 rgb(111,98,128)
```
#6e5989
```
#6e5989 rgb(110,89,137)
```
#6d5191
```
#6d5191 rgb(109,81,145)
```
#6c489a
```
#6c489a rgb(108,72,154)
```
#6a3fa3
```
#6a3fa3 rgb(106,63,163)
```
#6937ab
```
#6937ab rgb(105,55,171)
```
#682eb4
```
#682eb4 rgb(104,46,180)
```
#6725bd
```
#6725bd rgb(103,37,189)
```
#661dc5
```
#661dc5 rgb(102,29,197)
```
#6414ce
```
#6414ce rgb(100,20,206)
```
#630bd7
```
#630bd7 rgb(99,11,215)
```
#6203df
```
#6203df rgb(98,3,223)
```

Tone Color Variation

Below, you can see how #682eb4 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
#544863 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0057aa Protanopia 1% of men
#005b95 Deuteranopia 1% of men
#565a60 Tritanopia 0.001% of the population

Trichromacy

#2548ad Protanomaly 1% of men, 0.01% of women
#254ba0 Deuteranomaly 6% of men, 0.4% of women
#5d4a7e Tritanomaly 0.01% of the population

#682eb4 hex color

#682eb4 Color Information

#682eb4 Color Conversion

Color Schemes with #682eb4

Alternatives to #682eb4

#682eb4 Preview

Shades and Tints of #682eb4

Tones of #682eb4

Color Blindness Simulator