#764ae1 hex color

In a RGB color space, hex #764ae1 is composed of 46.3% red, 29% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 47.6% cyan, 67.1% magenta, 0% yellow and 11.8% black. It has a hue angle of 257.5 degrees, a saturation of 71.6% and a lightness of 58.6%. #764ae1 color hex could be obtained by blending #ec94ff with #0000c3. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 46
- G 29
- B 88
RGB color chart
- C 48
- M 67
- Y 0
- K 12
CMYK color chart

● #764ae1 color description : Soft violet.

The hexadecimal color #764ae1 has RGB values of R:118, G:74, B:225 and CMYK values of C:0.48, M:0.67, Y:0, K:0.12. Its decimal value is 7752417.

Hex triplet	764ae1	`#764ae1`
RGB Decimal	118, 74, 225	`rgb(118,74,225)`
RGB Percent	46.3, 29, 88.2	`rgb(46.3%,29%,88.2%)`
CMYK	48, 67, 0, 12
HSL	257.5°, 71.6, 58.6	`hsl(257.5,71.6%,58.6%)`
HSV (or HSB)	257.5°, 67.1, 88.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	44.497, 53.093, -70.524
XYZ	23.508, 14.185, 72.729
xyY	0.213, 0.128, 14.185
CIE-LCH	44.497, 88.275, 306.974
CIE-LUV	44.497, 5.244, -108.42
Hunter-Lab	37.663, 45.505, -88.128
Binary	01110110, 01001010, 11100001

#764ae1
```
#764ae1 rgb(118,74,225)
```
#b5e14a
```
#b5e14a rgb(181,225,74)
```

Complementary Color

#4a6ae1
```
#4a6ae1 rgb(74,106,225)
```
#764ae1
```
#764ae1 rgb(118,74,225)
```
#c24ae1
```
#c24ae1 rgb(194,74,225)
```

Analogous Color

#6ae14a
```
#6ae14a rgb(106,225,74)
```
#764ae1
```
#764ae1 rgb(118,74,225)
```
#e1c24a
```
#e1c24a rgb(225,194,74)
```

Split Complementary Color

#4ae176
```
#4ae176 rgb(74,225,118)
```
#764ae1
```
#764ae1 rgb(118,74,225)
```
#e1764a
```
#e1764a rgb(225,118,74)
```

Triadic Color

#4ab5e1
```
#4ab5e1 rgb(74,181,225)
```
#764ae1
```
#764ae1 rgb(118,74,225)
```
#e1764a
```
#e1764a rgb(225,118,74)
```
#b5e14a
```
#b5e14a rgb(181,225,74)
```

Tetradic Color

#4e20bf
```
#4e20bf rgb(78,32,191)
```
#5723d5
```
#5723d5 rgb(87,35,213)
```
#6534dd
```
#6534dd rgb(101,52,221)
```
#764ae1
```
#764ae1 rgb(118,74,225)
```
#8760e5
```
#8760e5 rgb(135,96,229)
```
#9776e8
```
#9776e8 rgb(151,118,232)
```
#a88cec
```
#a88cec rgb(168,140,236)
```

Monochromatic Color

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

#504ae1
```
#504ae1 rgb(80,74,225)
```
#5d4ae1
```
#5d4ae1 rgb(93,74,225)
```
#694ae1
```
#694ae1 rgb(105,74,225)
```
#764ae1
```
#764ae1 rgb(118,74,225)
```
#834ae1
```
#834ae1 rgb(131,74,225)
```
#8f4ae1
```
#8f4ae1 rgb(143,74,225)
```
#9c4ae1
```
#9c4ae1 rgb(156,74,225)
```

Similar Colors

Text with hexadecimal color #764ae1

This text has a font color of #764ae1.

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

#764ae1 background color

This paragraph has a background color of #764ae1.

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

#764ae1 border color

This element has a border color of #764ae1.

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

CSS codes

.text {color:#764ae1;}

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

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

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

#020104
```
#020104 rgb(2,1,4)
```
#090315
```
#090315 rgb(9,3,21)
```
#0f0626
```
#0f0626 rgb(15,6,38)
```
#160937
```
#160937 rgb(22,9,55)
```
#1d0c47
```
#1d0c47 rgb(29,12,71)
```
#240f58
```
#240f58 rgb(36,15,88)
```
#2b1169
```
#2b1169 rgb(43,17,105)
```
#32147a
```
#32147a rgb(50,20,122)
```
#39178b
```
#39178b rgb(57,23,139)
```
#401a9c
```
#401a9c rgb(64,26,156)
```
#461dac
```
#461dac rgb(70,29,172)
```
#4d1fbd
```
#4d1fbd rgb(77,31,189)
```
#5422ce
```
#5422ce rgb(84,34,206)
```

Shade Color Variation

#5d28db
```
#5d28db rgb(93,40,219)
```
#6939de
```
#6939de rgb(105,57,222)
```
#764ae1
```
#764ae1 rgb(118,74,225)
```
#835be4
```
#835be4 rgb(131,91,228)
```
#8f6ce7
```
#8f6ce7 rgb(143,108,231)
```
#9c7ce9
```
#9c7ce9 rgb(156,124,233)
```
#a98dec
```
#a98dec rgb(169,141,236)
```
#b69eef
```
#b69eef rgb(182,158,239)
```
#c2aff2
```
#c2aff2 rgb(194,175,242)
```
#cfc0f5
```
#cfc0f5 rgb(207,192,245)
```
#dcd1f7
```
#dcd1f7 rgb(220,209,247)
```
#e9e1fa
```
#e9e1fa rgb(233,225,250)
```
#f5f2fd
```
#f5f2fd rgb(245,242,253)
```

Tint Color Variation

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

#949398
```
#949398 rgb(148,147,152)
```
#918ba0
```
#918ba0 rgb(145,139,160)
```
#8e83a8
```
#8e83a8 rgb(142,131,168)
```
#8a7bb0
```
#8a7bb0 rgb(138,123,176)
```
#8773b8
```
#8773b8 rgb(135,115,184)
```
#846ac1
```
#846ac1 rgb(132,106,193)
```
#8062c9
```
#8062c9 rgb(128,98,201)
```
#7d5ad1
```
#7d5ad1 rgb(125,90,209)
```
#7952d9
```
#7952d9 rgb(121,82,217)
```
#764ae1
```
#764ae1 rgb(118,74,225)
```
#7342e9
```
#7342e9 rgb(115,66,233)
```
#6f3af1
```
#6f3af1 rgb(111,58,241)
```
#6c32f9
```
#6c32f9 rgb(108,50,249)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#6b6280 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd6 Protanopia 1% of men
#0073bc Deuteranopia 1% of men
#59757d Tritanopia 0.001% of the population

Trichromacy

#2a60da Protanomaly 1% of men, 0.01% of women
#2a64c9 Deuteranomaly 6% of men, 0.4% of women
#6365a1 Tritanomaly 0.01% of the population

#764ae1 hex color

#764ae1 Color Information

#764ae1 Color Conversion

Color Schemes with #764ae1

Alternatives to #764ae1

#764ae1 Preview

Shades and Tints of #764ae1

Tones of #764ae1

Color Blindness Simulator