#764ed2 hex color

In a RGB color space, hex #764ed2 is composed of 46.3% red, 30.6% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 43.8% cyan, 62.9% magenta, 0% yellow and 17.6% black. It has a hue angle of 258.2 degrees, a saturation of 59.5% and a lightness of 56.5%. #764ed2 color hex could be obtained by blending #ec9cff with #0000a5. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 46
- G 31
- B 82
RGB color chart
- C 44
- M 63
- Y 0
- K 18
CMYK color chart

● #764ed2 color description : Moderate violet.

The hexadecimal color #764ed2 has RGB values of R:118, G:78, B:210 and CMYK values of C:0.44, M:0.63, Y:0, K:0.18. Its decimal value is 7753426.

Hex triplet	764ed2	`#764ed2`
RGB Decimal	118, 78, 210	`rgb(118,78,210)`
RGB Percent	46.3, 30.6, 82.4	`rgb(46.3%,30.6%,82.4%)`
CMYK	44, 63, 0, 18
HSL	258.2°, 59.5, 56.5	`hsl(258.2,59.5%,56.5%)`
HSV (or HSB)	258.2°, 62.9, 82.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.166, 46.85, -62.492
XYZ	21.826, 13.953, 62.512
xyY	0.222, 0.142, 13.953
CIE-LCH	44.166, 78.104, 306.859
CIE-LUV	44.166, 6.141, -96.678
Hunter-Lab	37.354, 38.93, -73.075
Binary	01110110, 01001110, 11010010

#764ed2
```
#764ed2 rgb(118,78,210)
```
#aad24e
```
#aad24e rgb(170,210,78)
```

Complementary Color

#4e68d2
```
#4e68d2 rgb(78,104,210)
```
#764ed2
```
#764ed2 rgb(118,78,210)
```
#b84ed2
```
#b84ed2 rgb(184,78,210)
```

Analogous Color

#68d24e
```
#68d24e rgb(104,210,78)
```
#764ed2
```
#764ed2 rgb(118,78,210)
```
#d2b84e
```
#d2b84e rgb(210,184,78)
```

Split Complementary Color

#4ed276
```
#4ed276 rgb(78,210,118)
```
#764ed2
```
#764ed2 rgb(118,78,210)
```
#d2764e
```
#d2764e rgb(210,118,78)
```

Triadic Color

#4eaad2
```
#4eaad2 rgb(78,170,210)
```
#764ed2
```
#764ed2 rgb(118,78,210)
```
#d2764e
```
#d2764e rgb(210,118,78)
```
#aad24e
```
#aad24e rgb(170,210,78)
```

Tetradic Color

#512ba9
```
#512ba9 rgb(81,43,169)
```
#5b30bd
```
#5b30bd rgb(91,48,189)
```
#663acd
```
#663acd rgb(102,58,205)
```
#764ed2
```
#764ed2 rgb(118,78,210)
```
#8662d7
```
#8662d7 rgb(134,98,215)
```
#9577dc
```
#9577dc rgb(149,119,220)
```
#a58be2
```
#a58be2 rgb(165,139,226)
```

Monochromatic Color

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

#554ed2
```
#554ed2 rgb(85,78,210)
```
#604ed2
```
#604ed2 rgb(96,78,210)
```
#6b4ed2
```
#6b4ed2 rgb(107,78,210)
```
#764ed2
```
#764ed2 rgb(118,78,210)
```
#814ed2
```
#814ed2 rgb(129,78,210)
```
#8c4ed2
```
#8c4ed2 rgb(140,78,210)
```
#974ed2
```
#974ed2 rgb(151,78,210)
```

Similar Colors

Text with hexadecimal color #764ed2

This text has a font color of #764ed2.

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

#764ed2 background color

This paragraph has a background color of #764ed2.

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

#764ed2 border color

This element has a border color of #764ed2.

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

CSS codes

.text {color:#764ed2;}

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

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

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, #05030b is the darkest color, while #fbfafe is the lightest one.

#05030b
```
#05030b rgb(5,3,11)
```
#0d071a
```
#0d071a rgb(13,7,26)
```
#140b2a
```
#140b2a rgb(20,11,42)
```
#1c0f3a
```
#1c0f3a rgb(28,15,58)
```
#231349
```
#231349 rgb(35,19,73)
```
#2b1759
```
#2b1759 rgb(43,23,89)
```
#321b69
```
#321b69 rgb(50,27,105)
```
#3a1f78
```
#3a1f78 rgb(58,31,120)
```
#412388
```
#412388 rgb(65,35,136)
```
#492697
```
#492697 rgb(73,38,151)
```
#502aa7
```
#502aa7 rgb(80,42,167)
```
#582eb7
```
#582eb7 rgb(88,46,183)
```
#5f32c6
```
#5f32c6 rgb(95,50,198)
```

Shade Color Variation

#6a3ece
```
#6a3ece rgb(106,62,206)
```
#764ed2
```
#764ed2 rgb(118,78,210)
```
#825ed6
```
#825ed6 rgb(130,94,214)
```
#8e6dda
```
#8e6dda rgb(142,109,218)
```
#9a7dde
```
#9a7dde rgb(154,125,222)
```
#a68de2
```
#a68de2 rgb(166,141,226)
```
#b39ce6
```
#b39ce6 rgb(179,156,230)
```
#bfacea
```
#bfacea rgb(191,172,234)
```
#cbbbee
```
#cbbbee rgb(203,187,238)
```
#d7cbf2
```
#d7cbf2 rgb(215,203,242)
```
#e3dbf6
```
#e3dbf6 rgb(227,219,246)
```
#efeafa
```
#efeafa rgb(239,234,250)
```
#fbfafe
```
#fbfafe rgb(251,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8a96 is the less saturated color, while #6523fd is the most saturated one.

#8e8a96
```
#8e8a96 rgb(142,138,150)
```
#8a819f
```
#8a819f rgb(138,129,159)
```
#8779a7
```
#8779a7 rgb(135,121,167)
```
#8370b0
```
#8370b0 rgb(131,112,176)
```
#8068b8
```
#8068b8 rgb(128,104,184)
```
#7d5fc1
```
#7d5fc1 rgb(125,95,193)
```
#7957c9
```
#7957c9 rgb(121,87,201)
```
#764ed2
```
#764ed2 rgb(118,78,210)
```
#7345db
```
#7345db rgb(115,69,219)
```
#6f3de3
```
#6f3de3 rgb(111,61,227)
```
#6c34ec
```
#6c34ec rgb(108,52,236)
```
#692cf4
```
#692cf4 rgb(105,44,244)
```
#6523fd
```
#6523fd rgb(101,35,253)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#6c647e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd5 Protanopia 1% of men
#0072bc Deuteranopia 1% of men
#61737b Tritanopia 0.001% of the population

Trichromacy

#2a61d3 Protanomaly 1% of men, 0.01% of women
#2a65c4 Deuteranomaly 6% of men, 0.4% of women
#68659a Tritanomaly 0.01% of the population

#764ed2 hex color

#764ed2 Color Information

#764ed2 Color Conversion

Color Schemes with #764ed2

Alternatives to #764ed2

#764ed2 Preview

Shades and Tints of #764ed2

Tones of #764ed2

Color Blindness Simulator