#764aaa hex color

In a RGB color space, hex #764aaa is composed of 46.3% red, 29% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 30.6% cyan, 56.5% magenta, 0% yellow and 33.3% black. It has a hue angle of 267.5 degrees, a saturation of 39.3% and a lightness of 47.8%. #764aaa color hex could be obtained by blending #ec94ff with #000055. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 46
- G 29
- B 67
RGB color chart
- C 31
- M 56
- Y 0
- K 33
CMYK color chart

● #764aaa color description : Dark moderate violet.

The hexadecimal color #764aaa has RGB values of R:118, G:74, B:170 and CMYK values of C:0.31, M:0.56, Y:0, K:0.33. Its decimal value is 7752362.

Hex triplet	764aaa	`#764aaa`
RGB Decimal	118, 74, 170	`rgb(118,74,170)`
RGB Percent	46.3, 29, 66.7	`rgb(46.3%,29%,66.7%)`
CMYK	31, 56, 0, 33
HSL	267.5°, 39.3, 47.8	`hsl(267.5,39.3%,47.8%)`
HSV (or HSB)	267.5°, 56.5, 66.7
Web Safe	663399	`#663399`

CIE-LAB	40.657, 38.463, -44.802
XYZ	17.175, 11.652, 39.372
xyY	0.252, 0.171, 11.652
CIE-LCH	40.657, 59.048, 310.647
CIE-LUV	40.657, 12.538, -68.782
Hunter-Lab	34.134, 30.076, -44.494
Binary	01110110, 01001010, 10101010

#764aaa
```
#764aaa rgb(118,74,170)
```
#7eaa4a
```
#7eaa4a rgb(126,170,74)
```

Complementary Color

#4a4eaa
```
#4a4eaa rgb(74,78,170)
```
#764aaa
```
#764aaa rgb(118,74,170)
```
#a64aaa
```
#a64aaa rgb(166,74,170)
```

Analogous Color

#4eaa4a
```
#4eaa4a rgb(78,170,74)
```
#764aaa
```
#764aaa rgb(118,74,170)
```
#aaa64a
```
#aaa64a rgb(170,166,74)
```

Split Complementary Color

#4aaa76
```
#4aaa76 rgb(74,170,118)
```
#764aaa
```
#764aaa rgb(118,74,170)
```
#aa764a
```
#aa764a rgb(170,118,74)
```

Triadic Color

#4a7eaa
```
#4a7eaa rgb(74,126,170)
```
#764aaa
```
#764aaa rgb(118,74,170)
```
#aa764a
```
#aa764a rgb(170,118,74)
```
#7eaa4a
```
#7eaa4a rgb(126,170,74)
```

Tetradic Color

#513375
```
#513375 rgb(81,51,117)
```
#5d3b86
```
#5d3b86 rgb(93,59,134)
```
#6a4298
```
#6a4298 rgb(106,66,152)
```
#764aaa
```
#764aaa rgb(118,74,170)
```
#8357b6
```
#8357b6 rgb(131,87,182)
```
#9069be
```
#9069be rgb(144,105,190)
```
#9d7bc6
```
#9d7bc6 rgb(157,123,198)
```

Monochromatic Color

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

#5e4aaa
```
#5e4aaa rgb(94,74,170)
```
#664aaa
```
#664aaa rgb(102,74,170)
```
#6e4aaa
```
#6e4aaa rgb(110,74,170)
```
#764aaa
```
#764aaa rgb(118,74,170)
```
#7e4aaa
```
#7e4aaa rgb(126,74,170)
```
#864aaa
```
#864aaa rgb(134,74,170)
```
#8e4aaa
```
#8e4aaa rgb(142,74,170)
```

Similar Colors

Text with hexadecimal color #764aaa

This text has a font color of #764aaa.

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

#764aaa background color

This paragraph has a background color of #764aaa.

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

#764aaa border color

This element has a border color of #764aaa.

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

CSS codes

.text {color:#764aaa;}

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

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

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

#040306
```
#040306 rgb(4,3,6)
```
#0e0914
```
#0e0914 rgb(14,9,20)
```
#170f21
```
#170f21 rgb(23,15,33)
```
#21142f
```
#21142f rgb(33,20,47)
```
#2a1a3d
```
#2a1a3d rgb(42,26,61)
```
#34204a
```
#34204a rgb(52,32,74)
```
#3d2658
```
#3d2658 rgb(61,38,88)
```
#472c66
```
#472c66 rgb(71,44,102)
```
#503273
```
#503273 rgb(80,50,115)
```
#5a3881
```
#5a3881 rgb(90,56,129)
```
#633e8f
```
#633e8f rgb(99,62,143)
```
#6d449c
```
#6d449c rgb(109,68,156)
```
#764aaa
```
#764aaa rgb(118,74,170)
```

Shade Color Variation

#8053b4
```
#8053b4 rgb(128,83,180)
```
#8a61ba
```
#8a61ba rgb(138,97,186)
```
#946fc0
```
#946fc0 rgb(148,111,192)
```
#9e7cc6
```
#9e7cc6 rgb(158,124,198)
```
#a88acc
```
#a88acc rgb(168,138,204)
```
#b298d2
```
#b298d2 rgb(178,152,210)
```
#bda5d8
```
#bda5d8 rgb(189,165,216)
```
#c7b3de
```
#c7b3de rgb(199,179,222)
```
#d1c1e4
```
#d1c1e4 rgb(209,193,228)
```
#dbceea
```
#dbceea rgb(219,206,234)
```
#e5dcf0
```
#e5dcf0 rgb(229,220,240)
```
#efeaf6
```
#efeaf6 rgb(239,234,246)
```
#f9f7fc
```
#f9f7fc rgb(249,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a797b is the less saturated color, while #7108ec is the most saturated one.

#7a797b
```
#7a797b rgb(122,121,123)
```
#797084
```
#797084 rgb(121,112,132)
```
#78668e
```
#78668e rgb(120,102,142)
```
#785d97
```
#785d97 rgb(120,93,151)
```
#7753a1
```
#7753a1 rgb(119,83,161)
```
#764aaa
```
#764aaa rgb(118,74,170)
```
#7541b3
```
#7541b3 rgb(117,65,179)
```
#7437bd
```
#7437bd rgb(116,55,189)
```
#742ec6
```
#742ec6 rgb(116,46,198)
```
#7324d0
```
#7324d0 rgb(115,36,208)
```
#721bd9
```
#721bd9 rgb(114,27,217)
```
#7112e2
```
#7112e2 rgb(113,18,226)
```
#7108ec
```
#7108ec rgb(113,8,236)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#665d70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2c65bd Protanopia 1% of men
#3768a6 Deuteranopia 1% of men
#6e656c Tritanopia 0.001% of the population

Trichromacy

#475bb6 Protanomaly 1% of men, 0.01% of women
#4e5da7 Deuteranomaly 6% of men, 0.4% of women
#705b83 Tritanomaly 0.01% of the population

#764aaa hex color

#764aaa Color Information

#764aaa Color Conversion

Color Schemes with #764aaa

Alternatives to #764aaa

#764aaa Preview

Shades and Tints of #764aaa

Tones of #764aaa

Color Blindness Simulator