#682aaf hex color

In a RGB color space, hex #682aaf is composed of 40.8% red, 16.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 40.6% cyan, 76% magenta, 0% yellow and 31.4% black. It has a hue angle of 268 degrees, a saturation of 61.3% and a lightness of 42.5%. #682aaf color hex could be obtained by blending #d054ff with #00005f. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 41
- G 16
- B 69
RGB color chart
- C 41
- M 76
- Y 0
- K 31
CMYK color chart

● #682aaf color description : Dark violet.

The hexadecimal color #682aaf has RGB values of R:104, G:42, B:175 and CMYK values of C:0.41, M:0.76, Y:0, K:0.31. Its decimal value is 6826671.

Hex triplet	682aaf	`#682aaf`
RGB Decimal	104, 42, 175	`rgb(104,42,175)`
RGB Percent	40.8, 16.5, 68.6	`rgb(40.8%,16.5%,68.6%)`
CMYK	41, 76, 0, 31
HSL	268°, 61.3, 42.5	`hsl(268,61.3%,42.5%)`
HSV (or HSB)	268°, 76, 68.6
Web Safe	663399	`#663399`

CIE-LAB	33.338, 53.104, -59.696
XYZ	14.273, 7.694, 41.288
xyY	0.226, 0.122, 7.694
CIE-LCH	33.338, 79.898, 311.655
CIE-LUV	33.338, 11.848, -84.608
Hunter-Lab	27.738, 43.309, -68.835
Binary	01101000, 00101010, 10101111

#682aaf
```
#682aaf rgb(104,42,175)
```
#71af2a
```
#71af2a rgb(113,175,42)
```

Complementary Color

#2a2faf
```
#2a2faf rgb(42,47,175)
```
#682aaf
```
#682aaf rgb(104,42,175)
```
#ab2aaf
```
#ab2aaf rgb(171,42,175)
```

Analogous Color

#2faf2a
```
#2faf2a rgb(47,175,42)
```
#682aaf
```
#682aaf rgb(104,42,175)
```
#afab2a
```
#afab2a rgb(175,171,42)
```

Split Complementary Color

#2aaf68
```
#2aaf68 rgb(42,175,104)
```
#682aaf
```
#682aaf rgb(104,42,175)
```
#af682a
```
#af682a rgb(175,104,42)
```

Triadic Color

#2a71af
```
#2a71af rgb(42,113,175)
```
#682aaf
```
#682aaf rgb(104,42,175)
```
#af682a
```
#af682a rgb(175,104,42)
```
#71af2a
```
#71af2a rgb(113,175,42)
```

Tetradic Color

#431b71
```
#431b71 rgb(67,27,113)
```
#502086
```
#502086 rgb(80,32,134)
```
#5c259a
```
#5c259a rgb(92,37,154)
```
#682aaf
```
#682aaf rgb(104,42,175)
```
#742fc4
```
#742fc4 rgb(116,47,196)
```
#813cd0
```
#813cd0 rgb(129,60,208)
```
#8e50d5
```
#8e50d5 rgb(142,80,213)
```

Monochromatic Color

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

#472aaf
```
#472aaf rgb(71,42,175)
```
#522aaf
```
#522aaf rgb(82,42,175)
```
#5d2aaf
```
#5d2aaf rgb(93,42,175)
```
#682aaf
```
#682aaf rgb(104,42,175)
```
#732aaf
```
#732aaf rgb(115,42,175)
```
#7e2aaf
```
#7e2aaf rgb(126,42,175)
```
#892aaf
```
#892aaf rgb(137,42,175)
```

Similar Colors

Text with hexadecimal color #682aaf

This text has a font color of #682aaf.

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

#682aaf background color

This paragraph has a background color of #682aaf.

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

#682aaf border color

This element has a border color of #682aaf.

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

CSS codes

.text {color:#682aaf;}

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

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0a0411
```
#0a0411 rgb(10,4,17)
```
#130821
```
#130821 rgb(19,8,33)
```
#1d0c30
```
#1d0c30 rgb(29,12,48)
```
#260f40
```
#260f40 rgb(38,15,64)
```
#301350
```
#301350 rgb(48,19,80)
```
#391760
```
#391760 rgb(57,23,96)
```
#421b70
```
#421b70 rgb(66,27,112)
```
#4c1f80
```
#4c1f80 rgb(76,31,128)
```
#55228f
```
#55228f rgb(85,34,143)
```
#5f269f
```
#5f269f rgb(95,38,159)
```
#682aaf
```
#682aaf rgb(104,42,175)
```
#712ebf
```
#712ebf rgb(113,46,191)
```

Shade Color Variation

#7b32ce
```
#7b32ce rgb(123,50,206)
```
#8542d2
```
#8542d2 rgb(133,66,210)
```
#8f52d5
```
#8f52d5 rgb(143,82,213)
```
#9962d9
```
#9962d9 rgb(153,98,217)
```
#a472dd
```
#a472dd rgb(164,114,221)
```
#ae81e1
```
#ae81e1 rgb(174,129,225)
```
#b891e5
```
#b891e5 rgb(184,145,229)
```
#c2a1e8
```
#c2a1e8 rgb(194,161,232)
```
#cdb1ec
```
#cdb1ec rgb(205,177,236)
```
#d7c1f0
```
#d7c1f0 rgb(215,193,240)
```
#e1d1f4
```
#e1d1f4 rgb(225,209,244)
```
#ebe0f8
```
#ebe0f8 rgb(235,224,248)
```
#f5f0fb
```
#f5f0fb rgb(245,240,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6475 is the less saturated color, while #6500d9 is the most saturated one.

#6c6475
```
#6c6475 rgb(108,100,117)
```
#6b5c7d
```
#6b5c7d rgb(107,92,125)
```
#6b5485
```
#6b5485 rgb(107,84,133)
```
#6a4b8e
```
#6a4b8e rgb(106,75,142)
```
#6a4396
```
#6a4396 rgb(106,67,150)
```
#693b9e
```
#693b9e rgb(105,59,158)
```
#6932a7
```
#6932a7 rgb(105,50,167)
```
#682aaf
```
#682aaf rgb(104,42,175)
```
#6722b7
```
#6722b7 rgb(103,34,183)
```
#6719c0
```
#6719c0 rgb(103,25,192)
```
#6611c8
```
#6611c8 rgb(102,17,200)
```
#6609d0
```
#6609d0 rgb(102,9,208)
```
#6500d9
```
#6500d9 rgb(101,0,217)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#524560 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0055a5 Protanopia 1% of men
#005991 Deuteranopia 1% of men
#58565c Tritanopia 0.001% of the population

Trichromacy

#2545a9 Protanomaly 1% of men, 0.01% of women
#25489c Deuteranomaly 6% of men, 0.4% of women
#5e467a Tritanomaly 0.01% of the population

#682aaf hex color

#682aaf Color Information

#682aaf Color Conversion

Color Schemes with #682aaf

Alternatives to #682aaf

#682aaf Preview

Shades and Tints of #682aaf

Tones of #682aaf

Color Blindness Simulator