#764ec5 hex color

In a RGB color space, hex #764ec5 is composed of 46.3% red, 30.6% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 40.1% cyan, 60.4% magenta, 0% yellow and 22.7% black. It has a hue angle of 260.2 degrees, a saturation of 50.6% and a lightness of 53.9%. #764ec5 color hex could be obtained by blending #ec9cff with #00008b. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 46
- G 31
- B 77
RGB color chart
- C 40
- M 60
- Y 0
- K 23
CMYK color chart

● #764ec5 color description : Moderate violet.

The hexadecimal color #764ec5 has RGB values of R:118, G:78, B:197 and CMYK values of C:0.4, M:0.6, Y:0, K:0.23. Its decimal value is 7753413.

Hex triplet	764ec5	`#764ec5`
RGB Decimal	118, 78, 197	`rgb(118,78,197)`
RGB Percent	46.3, 30.6, 77.3	`rgb(46.3%,30.6%,77.3%)`
CMYK	40, 60, 0, 23
HSL	260.2°, 50.6, 53.9	`hsl(260.2,50.6%,53.9%)`
HSV (or HSB)	260.2°, 60.4, 77.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.258, 43.312, -56.457
XYZ	20.272, 13.331, 54.325
xyY	0.231, 0.152, 13.331
CIE-LCH	43.258, 71.158, 307.494
CIE-LUV	43.258, 7.736, -87.303
Hunter-Lab	36.512, 35.208, -62.657
Binary	01110110, 01001110, 11000101

#764ec5
```
#764ec5 rgb(118,78,197)
```
#9dc54e
```
#9dc54e rgb(157,197,78)
```

Complementary Color

#4e62c5
```
#4e62c5 rgb(78,98,197)
```
#764ec5
```
#764ec5 rgb(118,78,197)
```
#b24ec5
```
#b24ec5 rgb(178,78,197)
```

Analogous Color

#62c54e
```
#62c54e rgb(98,197,78)
```
#764ec5
```
#764ec5 rgb(118,78,197)
```
#c5b24e
```
#c5b24e rgb(197,178,78)
```

Split Complementary Color

#4ec576
```
#4ec576 rgb(78,197,118)
```
#764ec5
```
#764ec5 rgb(118,78,197)
```
#c5764e
```
#c5764e rgb(197,118,78)
```

Triadic Color

#4e9dc5
```
#4e9dc5 rgb(78,157,197)
```
#764ec5
```
#764ec5 rgb(118,78,197)
```
#c5764e
```
#c5764e rgb(197,118,78)
```
#9dc54e
```
#9dc54e rgb(157,197,78)
```

Tetradic Color

#533196
```
#533196 rgb(83,49,150)
```
#5d37a9
```
#5d37a9 rgb(93,55,169)
```
#683ebc
```
#683ebc rgb(104,62,188)
```
#764ec5
```
#764ec5 rgb(118,78,197)
```
#8561cb
```
#8561cb rgb(133,97,203)
```
#9474d2
```
#9474d2 rgb(148,116,210)
```
#a388d8
```
#a388d8 rgb(163,136,216)
```

Monochromatic Color

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

#584ec5
```
#584ec5 rgb(88,78,197)
```
#624ec5
```
#624ec5 rgb(98,78,197)
```
#6c4ec5
```
#6c4ec5 rgb(108,78,197)
```
#764ec5
```
#764ec5 rgb(118,78,197)
```
#804ec5
```
#804ec5 rgb(128,78,197)
```
#8a4ec5
```
#8a4ec5 rgb(138,78,197)
```
#944ec5
```
#944ec5 rgb(148,78,197)
```

Similar Colors

Text with hexadecimal color #764ec5

This text has a font color of #764ec5.

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

#764ec5 background color

This paragraph has a background color of #764ec5.

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

#764ec5 border color

This element has a border color of #764ec5.

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

CSS codes

.text {color:#764ec5;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#08050f
```
#08050f rgb(8,5,15)
```
#110a1e
```
#110a1e rgb(17,10,30)
```
#190f2d
```
#190f2d rgb(25,15,45)
```
#21133b
```
#21133b rgb(33,19,59)
```
#29184a
```
#29184a rgb(41,24,74)
```
#311d59
```
#311d59 rgb(49,29,89)
```
#392268
```
#392268 rgb(57,34,104)
```
#422776
```
#422776 rgb(66,39,118)
```
#4a2c85
```
#4a2c85 rgb(74,44,133)
```
#523194
```
#523194 rgb(82,49,148)
```
#5a35a3
```
#5a35a3 rgb(90,53,163)
```
#623ab2
```
#623ab2 rgb(98,58,178)
```

Shade Color Variation

#6b3fc0
```
#6b3fc0 rgb(107,63,192)
```
#764ec5
```
#764ec5 rgb(118,78,197)
```
#815dca
```
#815dca rgb(129,93,202)
```
#8d6ccf
```
#8d6ccf rgb(141,108,207)
```
#987ad4
```
#987ad4 rgb(152,122,212)
```
#a489d8
```
#a489d8 rgb(164,137,216)
```
#af98dd
```
#af98dd rgb(175,152,221)
```
#bba7e2
```
#bba7e2 rgb(187,167,226)
```
#c6b5e7
```
#c6b5e7 rgb(198,181,231)
```
#d1c4ec
```
#d1c4ec rgb(209,196,236)
```
#ddd3f1
```
#ddd3f1 rgb(221,211,241)
```
#e8e2f5
```
#e8e2f5 rgb(232,226,245)
```
#f4f1fa
```
#f4f1fa rgb(244,241,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #88848f is the less saturated color, while #6418fb is the most saturated one.

#88848f
```
#88848f rgb(136,132,143)
```
#857b98
```
#857b98 rgb(133,123,152)
```
#8272a1
```
#8272a1 rgb(130,114,161)
```
#7f69aa
```
#7f69aa rgb(127,105,170)
```
#7c60b3
```
#7c60b3 rgb(124,96,179)
```
#7957bc
```
#7957bc rgb(121,87,188)
```
#764ec5
```
#764ec5 rgb(118,78,197)
```
#7345ce
```
#7345ce rgb(115,69,206)
```
#703cd7
```
#703cd7 rgb(112,60,215)
```
#6d33e0
```
#6d33e0 rgb(109,51,224)
```
#6a2ae9
```
#6a2ae9 rgb(106,42,233)
```
#6721f2
```
#6721f2 rgb(103,33,242)
```
#6418fb
```
#6418fb rgb(100,24,251)
```

Tone Color Variation

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

Dichromacy

#006ad1 Protanopia 1% of men
#0070ba Deuteranopia 1% of men
#666f77 Tritanopia 0.001% of the population

Trichromacy

#2a60cc Protanomaly 1% of men, 0.01% of women
#2a63be Deuteranomaly 6% of men, 0.4% of women
#6b6393 Tritanomaly 0.01% of the population

#764ec5 hex color

#764ec5 Color Information

#764ec5 Color Conversion

Color Schemes with #764ec5

Alternatives to #764ec5

#764ec5 Preview

Shades and Tints of #764ec5

Tones of #764ec5

Color Blindness Simulator