#764aed hex color

In a RGB color space, hex #764aed is composed of 46.3% red, 29% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 50.2% cyan, 68.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 256.2 degrees, a saturation of 81.9% and a lightness of 61%. #764aed color hex could be obtained by blending #ec94ff with #0000db. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 46
- G 29
- B 93
RGB color chart
- C 50
- M 69
- Y 0
- K 7
CMYK color chart

● #764aed color description : Soft violet.

The hexadecimal color #764aed has RGB values of R:118, G:74, B:237 and CMYK values of C:0.5, M:0.69, Y:0, K:0.07. Its decimal value is 7752429.

Hex triplet	764aed	`#764aed`
RGB Decimal	118, 74, 237	`rgb(118,74,237)`
RGB Percent	46.3, 29, 92.9	`rgb(46.3%,29%,92.9%)`
CMYK	50, 69, 0, 7
HSL	256.2°, 81.9, 61	`hsl(256.2,81.9%,61%)`
HSV (or HSB)	256.2°, 68.8, 92.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	45.446, 56.372, -75.767
XYZ	25.203, 14.863, 81.657
xyY	0.207, 0.122, 14.863
CIE-LCH	45.446, 94.437, 306.65
CIE-LUV	45.446, 3.899, -116.428
Hunter-Lab	38.553, 49.225, -98.593
Binary	01110110, 01001010, 11101101

#764aed
```
#764aed rgb(118,74,237)
```
#c1ed4a
```
#c1ed4a rgb(193,237,74)
```

Complementary Color

#4a70ed
```
#4a70ed rgb(74,112,237)
```
#764aed
```
#764aed rgb(118,74,237)
```
#c84aed
```
#c84aed rgb(200,74,237)
```

Analogous Color

#70ed4a
```
#70ed4a rgb(112,237,74)
```
#764aed
```
#764aed rgb(118,74,237)
```
#edc84a
```
#edc84a rgb(237,200,74)
```

Split Complementary Color

#4aed76
```
#4aed76 rgb(74,237,118)
```
#764aed
```
#764aed rgb(118,74,237)
```
#ed764a
```
#ed764a rgb(237,118,74)
```

Triadic Color

#4ac1ed
```
#4ac1ed rgb(74,193,237)
```
#764aed
```
#764aed rgb(118,74,237)
```
#ed764a
```
#ed764a rgb(237,118,74)
```
#c1ed4a
```
#c1ed4a rgb(193,237,74)
```

Tetradic Color

#4915d5
```
#4915d5 rgb(73,21,213)
```
#531ce8
```
#531ce8 rgb(83,28,232)
```
#6433eb
```
#6433eb rgb(100,51,235)
```
#764aed
```
#764aed rgb(118,74,237)
```
#8861ef
```
#8861ef rgb(136,97,239)
```
#9978f2
```
#9978f2 rgb(153,120,242)
```
#ab90f4
```
#ab90f4 rgb(171,144,244)
```

Monochromatic Color

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

#4d4aed
```
#4d4aed rgb(77,74,237)
```
#5b4aed
```
#5b4aed rgb(91,74,237)
```
#684aed
```
#684aed rgb(104,74,237)
```
#764aed
```
#764aed rgb(118,74,237)
```
#844aed
```
#844aed rgb(132,74,237)
```
#914aed
```
#914aed rgb(145,74,237)
```
#9f4aed
```
#9f4aed rgb(159,74,237)
```

Similar Colors

Text with hexadecimal color #764aed

This text has a font color of #764aed.

<span style="color:#764aed;">Text here</span>

#764aed background color

This paragraph has a background color of #764aed.

<p style="background-color:#764aed;">Content here</p>

#764aed border color

This element has a border color of #764aed.

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

CSS codes

.text {color:#764aed;}

.background {background-color:#764aed;}

.border {border:1px solid #764aed;}

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, #05020f is the darkest color, while #fdfcff is the lightest one.

#05020f
```
#05020f rgb(5,2,15)
```
#0b0321
```
#0b0321 rgb(11,3,33)
```
#110533
```
#110533 rgb(17,5,51)
```
#180745
```
#180745 rgb(24,7,69)
```
#1e0957
```
#1e0957 rgb(30,9,87)
```
#240a68
```
#240a68 rgb(36,10,104)
```
#2a0c7a
```
#2a0c7a rgb(42,12,122)
```
#300e8c
```
#300e8c rgb(48,14,140)
```
#36109e
```
#36109e rgb(54,16,158)
```
#3c11b0
```
#3c11b0 rgb(60,17,176)
```
#4213c2
```
#4213c2 rgb(66,19,194)
```
#4815d4
```
#4815d4 rgb(72,21,212)
```
#4f17e5
```
#4f17e5 rgb(79,23,229)
```

Shade Color Variation

#5b26e9
```
#5b26e9 rgb(91,38,233)
```
#6838eb
```
#6838eb rgb(104,56,235)
```
#764aed
```
#764aed rgb(118,74,237)
```
#845cef
```
#845cef rgb(132,92,239)
```
#916ef1
```
#916ef1 rgb(145,110,241)
```
#9f80f2
```
#9f80f2 rgb(159,128,242)
```
#ac91f4
```
#ac91f4 rgb(172,145,244)
```
#baa3f6
```
#baa3f6 rgb(186,163,246)
```
#c7b5f8
```
#c7b5f8 rgb(199,181,248)
```
#d5c7f9
```
#d5c7f9 rgb(213,199,249)
```
#e2d9fb
```
#e2d9fb rgb(226,217,251)
```
#f0ebfd
```
#f0ebfd rgb(240,235,253)
```
#fdfcff
```
#fdfcff rgb(253,252,255)
```

Tint Color Variation

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

#9997a0
```
#9997a0 rgb(153,151,160)
```
#968fa8
```
#968fa8 rgb(150,143,168)
```
#9287b0
```
#9287b0 rgb(146,135,176)
```
#8f80b7
```
#8f80b7 rgb(143,128,183)
```
#8b78bf
```
#8b78bf rgb(139,120,191)
```
#8870c7
```
#8870c7 rgb(136,112,199)
```
#8469ce
```
#8469ce rgb(132,105,206)
```
#8161d6
```
#8161d6 rgb(129,97,214)
```
#7d59de
```
#7d59de rgb(125,89,222)
```
#7a52e5
```
#7a52e5 rgb(122,82,229)
```
#764aed
```
#764aed rgb(118,74,237)
```
#7242f5
```
#7242f5 rgb(114,66,245)
```
#6f3bfc
```
#6f3bfc rgb(111,59,252)
```

Tone Color Variation

Below, you can see how #764aed 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

#6a6a6a Achromatopsia 0.005% of the population
#6c6484 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fda Protanopia 1% of men
#0075bf Deuteranopia 1% of men
#527982 Tritanopia 0.001% of the population

Trichromacy

#2a62e0 Protanomaly 1% of men, 0.01% of women
#2a65cf Deuteranomaly 6% of men, 0.4% of women
#5f68a8 Tritanomaly 0.01% of the population

#764aed hex color

#764aed Color Information

#764aed Color Conversion

Color Schemes with #764aed

Alternatives to #764aed

#764aed Preview

Shades and Tints of #764aed

Tones of #764aed

Color Blindness Simulator