#764ecc hex color

In a RGB color space, hex #764ecc is composed of 46.3% red, 30.6% green and 80% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 61.8% magenta, 0% yellow and 20% black. It has a hue angle of 259 degrees, a saturation of 55.3% and a lightness of 55.3%. #764ecc color hex could be obtained by blending #ec9cff with #000099. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 46
- G 31
- B 80
RGB color chart
- C 42
- M 62
- Y 0
- K 20
CMYK color chart

● #764ecc color description : Moderate violet.

The hexadecimal color #764ecc has RGB values of R:118, G:78, B:204 and CMYK values of C:0.42, M:0.62, Y:0, K:0.2. Its decimal value is 7753420.

Hex triplet	764ecc	`#764ecc`
RGB Decimal	118, 78, 204	`rgb(118,78,204)`
RGB Percent	46.3, 30.6, 80	`rgb(46.3%,30.6%,80%)`
CMYK	42, 62, 0, 20
HSL	259°, 55.3, 55.3	`hsl(259,55.3%,55.3%)`
HSV (or HSB)	259°, 61.8, 80
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.741, 45.211, -59.726
XYZ	21.093, 13.66, 58.649
xyY	0.226, 0.146, 13.66
CIE-LCH	43.741, 74.909, 307.125
CIE-LUV	43.741, 6.865, -92.387
Hunter-Lab	36.959, 37.192, -68.213
Binary	01110110, 01001110, 11001100

#764ecc
```
#764ecc rgb(118,78,204)
```
#a4cc4e
```
#a4cc4e rgb(164,204,78)
```

Complementary Color

#4e65cc
```
#4e65cc rgb(78,101,204)
```
#764ecc
```
#764ecc rgb(118,78,204)
```
#b54ecc
```
#b54ecc rgb(181,78,204)
```

Analogous Color

#65cc4e
```
#65cc4e rgb(101,204,78)
```
#764ecc
```
#764ecc rgb(118,78,204)
```
#ccb54e
```
#ccb54e rgb(204,181,78)
```

Split Complementary Color

#4ecc76
```
#4ecc76 rgb(78,204,118)
```
#764ecc
```
#764ecc rgb(118,78,204)
```
#cc764e
```
#cc764e rgb(204,118,78)
```

Triadic Color

#4ea4cc
```
#4ea4cc rgb(78,164,204)
```
#764ecc
```
#764ecc rgb(118,78,204)
```
#cc764e
```
#cc764e rgb(204,118,78)
```
#a4cc4e
```
#a4cc4e rgb(164,204,78)
```

Tetradic Color

#522ea0
```
#522ea0 rgb(82,46,160)
```
#5c34b3
```
#5c34b3 rgb(92,52,179)
```
#673ac6
```
#673ac6 rgb(103,58,198)
```
#764ecc
```
#764ecc rgb(118,78,204)
```
#8562d2
```
#8562d2 rgb(133,98,210)
```
#9576d7
```
#9576d7 rgb(149,118,215)
```
#a489dd
```
#a489dd rgb(164,137,221)
```

Monochromatic Color

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

#564ecc
```
#564ecc rgb(86,78,204)
```
#614ecc
```
#614ecc rgb(97,78,204)
```
#6c4ecc
```
#6c4ecc rgb(108,78,204)
```
#764ecc
```
#764ecc rgb(118,78,204)
```
#814ecc
```
#814ecc rgb(129,78,204)
```
#8b4ecc
```
#8b4ecc rgb(139,78,204)
```
#964ecc
```
#964ecc rgb(150,78,204)
```

Similar Colors

Text with hexadecimal color #764ecc

This text has a font color of #764ecc.

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

#764ecc background color

This paragraph has a background color of #764ecc.

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

#764ecc border color

This element has a border color of #764ecc.

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

CSS codes

.text {color:#764ecc;}

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

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

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

#030206
```
#030206 rgb(3,2,6)
```
#0b0615
```
#0b0615 rgb(11,6,21)
```
#130a24
```
#130a24 rgb(19,10,36)
```
#1a0f33
```
#1a0f33 rgb(26,15,51)
```
#221343
```
#221343 rgb(34,19,67)
```
#2a1852
```
#2a1852 rgb(42,24,82)
```
#321c61
```
#321c61 rgb(50,28,97)
```
#3a2070
```
#3a2070 rgb(58,32,112)
```
#422580
```
#422580 rgb(66,37,128)
```
#49298f
```
#49298f rgb(73,41,143)
```
#512e9e
```
#512e9e rgb(81,46,158)
```
#5932ad
```
#5932ad rgb(89,50,173)
```
#6136bc
```
#6136bc rgb(97,54,188)
```

Shade Color Variation

#6a3fc8
```
#6a3fc8 rgb(106,63,200)
```
#764ecc
```
#764ecc rgb(118,78,204)
```
#825dd0
```
#825dd0 rgb(130,93,208)
```
#8e6cd5
```
#8e6cd5 rgb(142,108,213)
```
#997cd9
```
#997cd9 rgb(153,124,217)
```
#a58bde
```
#a58bde rgb(165,139,222)
```
#b19ae2
```
#b19ae2 rgb(177,154,226)
```
#bda9e6
```
#bda9e6 rgb(189,169,230)
```
#c9b9eb
```
#c9b9eb rgb(201,185,235)
```
#d4c8ef
```
#d4c8ef rgb(212,200,239)
```
#e0d7f3
```
#e0d7f3 rgb(224,215,243)
```
#ece6f8
```
#ece6f8 rgb(236,230,248)
```
#f8f6fc
```
#f8f6fc rgb(248,246,252)
```

Tint Color Variation

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

#8c8b8f
```
#8c8b8f rgb(140,139,143)
```
#898397
```
#898397 rgb(137,131,151)
```
#867aa0
```
#867aa0 rgb(134,122,160)
```
#8371a9
```
#8371a9 rgb(131,113,169)
```
#8068b2
```
#8068b2 rgb(128,104,178)
```
#7c60ba
```
#7c60ba rgb(124,96,186)
```
#7957c3
```
#7957c3 rgb(121,87,195)
```
#764ecc
```
#764ecc rgb(118,78,204)
```
#7345d5
```
#7345d5 rgb(115,69,213)
```
#703cde
```
#703cde rgb(112,60,222)
```
#6c34e6
```
#6c34e6 rgb(108,52,230)
```
#692bef
```
#692bef rgb(105,43,239)
```
#6622f8
```
#6622f8 rgb(102,34,248)
```

Tone Color Variation

Below, you can see how #764ecc 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
#6b637c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd3 Protanopia 1% of men
#0071bb Deuteranopia 1% of men
#637179 Tritanopia 0.001% of the population

Trichromacy

#2a60d0 Protanomaly 1% of men, 0.01% of women
#2a64c1 Deuteranomaly 6% of men, 0.4% of women
#6a6497 Tritanomaly 0.01% of the population

#764ecc hex color

#764ecc Color Information

#764ecc Color Conversion

Color Schemes with #764ecc

Alternatives to #764ecc

#764ecc Preview

Shades and Tints of #764ecc

Tones of #764ecc

Color Blindness Simulator