#764ed3 hex color

In a RGB color space, hex #764ed3 is composed of 46.3% red, 30.6% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 44.1% cyan, 63% magenta, 0% yellow and 17.3% black. It has a hue angle of 258 degrees, a saturation of 60.2% and a lightness of 56.7%. #764ed3 color hex could be obtained by blending #ec9cff with #0000a7. Closest websafe color is: #6666cc.

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

● #764ed3 color description : Moderate violet.

The hexadecimal color #764ed3 has RGB values of R:118, G:78, B:211 and CMYK values of C:0.44, M:0.63, Y:0, K:0.17. Its decimal value is 7753427.

Hex triplet	764ed3	`#764ed3`
RGB Decimal	118, 78, 211	`rgb(118,78,211)`
RGB Percent	46.3, 30.6, 82.7	`rgb(46.3%,30.6%,82.7%)`
CMYK	44, 63, 0, 17
HSL	258°, 60.2, 56.7	`hsl(258,60.2%,56.7%)`
HSV (or HSB)	258°, 63, 82.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.238, 47.124, -62.95
XYZ	21.951, 14.003, 63.171
xyY	0.221, 0.141, 14.003
CIE-LCH	44.238, 78.634, 306.819
CIE-LUV	44.238, 6.022, -97.387
Hunter-Lab	37.421, 39.223, -73.894
Binary	01110110, 01001110, 11010011

#764ed3
```
#764ed3 rgb(118,78,211)
```
#abd34e
```
#abd34e rgb(171,211,78)
```

Complementary Color

#4e69d3
```
#4e69d3 rgb(78,105,211)
```
#764ed3
```
#764ed3 rgb(118,78,211)
```
#b94ed3
```
#b94ed3 rgb(185,78,211)
```

Analogous Color

#69d34e
```
#69d34e rgb(105,211,78)
```
#764ed3
```
#764ed3 rgb(118,78,211)
```
#d3b94e
```
#d3b94e rgb(211,185,78)
```

Split Complementary Color

#4ed376
```
#4ed376 rgb(78,211,118)
```
#764ed3
```
#764ed3 rgb(118,78,211)
```
#d3764e
```
#d3764e rgb(211,118,78)
```

Triadic Color

#4eabd3
```
#4eabd3 rgb(78,171,211)
```
#764ed3
```
#764ed3 rgb(118,78,211)
```
#d3764e
```
#d3764e rgb(211,118,78)
```
#abd34e
```
#abd34e rgb(171,211,78)
```

Tetradic Color

#512aaa
```
#512aaa rgb(81,42,170)
```
#5a2fbf
```
#5a2fbf rgb(90,47,191)
```
#663ace
```
#663ace rgb(102,58,206)
```
#764ed3
```
#764ed3 rgb(118,78,211)
```
#8662d8
```
#8662d8 rgb(134,98,216)
```
#9677dd
```
#9677dd rgb(150,119,221)
```
#a58be2
```
#a58be2 rgb(165,139,226)
```

Monochromatic Color

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

#554ed3
```
#554ed3 rgb(85,78,211)
```
#604ed3
```
#604ed3 rgb(96,78,211)
```
#6b4ed3
```
#6b4ed3 rgb(107,78,211)
```
#764ed3
```
#764ed3 rgb(118,78,211)
```
#814ed3
```
#814ed3 rgb(129,78,211)
```
#8c4ed3
```
#8c4ed3 rgb(140,78,211)
```
#974ed3
```
#974ed3 rgb(151,78,211)
```

Similar Colors

Text with hexadecimal color #764ed3

This text has a font color of #764ed3.

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

#764ed3 background color

This paragraph has a background color of #764ed3.

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

#764ed3 border color

This element has a border color of #764ed3.

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

CSS codes

.text {color:#764ed3;}

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

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

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

#05030c
```
#05030c rgb(5,3,12)
```
#0d071b
```
#0d071b rgb(13,7,27)
```
#140b2b
```
#140b2b rgb(20,11,43)
```
#1c0f3b
```
#1c0f3b rgb(28,15,59)
```
#23124a
```
#23124a rgb(35,18,74)
```
#2b165a
```
#2b165a rgb(43,22,90)
```
#321a6a
```
#321a6a rgb(50,26,106)
```
#3a1e79
```
#3a1e79 rgb(58,30,121)
```
#412289
```
#412289 rgb(65,34,137)
```
#492699
```
#492699 rgb(73,38,153)
```
#502aa9
```
#502aa9 rgb(80,42,169)
```
#572eb8
```
#572eb8 rgb(87,46,184)
```
#5f32c8
```
#5f32c8 rgb(95,50,200)
```

Shade Color Variation

#6a3ecf
```
#6a3ecf rgb(106,62,207)
```
#764ed3
```
#764ed3 rgb(118,78,211)
```
#825ed7
```
#825ed7 rgb(130,94,215)
```
#8e6ddb
```
#8e6ddb rgb(142,109,219)
```
#9a7ddf
```
#9a7ddf rgb(154,125,223)
```
#a78de3
```
#a78de3 rgb(167,141,227)
```
#b39de7
```
#b39de7 rgb(179,157,231)
```
#bfacea
```
#bfacea rgb(191,172,234)
```
#cbbcee
```
#cbbcee rgb(203,188,238)
```
#d7ccf2
```
#d7ccf2 rgb(215,204,242)
```
#e3dbf6
```
#e3dbf6 rgb(227,219,246)
```
#f0ebfa
```
#f0ebfa rgb(240,235,250)
```
#fcfbfe
```
#fcfbfe rgb(252,251,254)
```

Tint Color Variation

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

#8e8a98
```
#8e8a98 rgb(142,138,152)
```
#8a81a0
```
#8a81a0 rgb(138,129,160)
```
#8779a9
```
#8779a9 rgb(135,121,169)
```
#8470b1
```
#8470b1 rgb(132,112,177)
```
#8068ba
```
#8068ba rgb(128,104,186)
```
#7d5fc2
```
#7d5fc2 rgb(125,95,194)
```
#7957cb
```
#7957cb rgb(121,87,203)
```
#764ed3
```
#764ed3 rgb(118,78,211)
```
#7346dc
```
#7346dc rgb(115,70,220)
```
#6f3de4
```
#6f3de4 rgb(111,61,228)
```
#6c35ed
```
#6c35ed rgb(108,53,237)
```
#682cf5
```
#682cf5 rgb(104,44,245)
```
#6524fe
```
#6524fe rgb(101,36,254)
```

Tone Color Variation

Below, you can see how #764ed3 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
#60737b Tritanopia 0.001% of the population

Trichromacy

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

#764ed3 hex color

#764ed3 Color Information

#764ed3 Color Conversion

Color Schemes with #764ed3

Alternatives to #764ed3

#764ed3 Preview

Shades and Tints of #764ed3

Tones of #764ed3

Color Blindness Simulator