#764ec2 hex color

In a RGB color space, hex #764ec2 is composed of 46.3% red, 30.6% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 39.2% cyan, 59.8% magenta, 0% yellow and 23.9% black. It has a hue angle of 260.7 degrees, a saturation of 48.7% and a lightness of 53.3%. #764ec2 color hex could be obtained by blending #ec9cff with #000085. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 46
- G 31
- B 76
RGB color chart
- C 39
- M 60
- Y 0
- K 24
CMYK color chart

● #764ec2 color description : Moderate violet.

The hexadecimal color #764ec2 has RGB values of R:118, G:78, B:194 and CMYK values of C:0.39, M:0.6, Y:0, K:0.24. Its decimal value is 7753410.

Hex triplet	764ec2	`#764ec2`
RGB Decimal	118, 78, 194	`rgb(118,78,194)`
RGB Percent	46.3, 30.6, 76.1	`rgb(46.3%,30.6%,76.1%)`
CMYK	39, 60, 0, 24
HSL	260.7°, 48.7, 53.3	`hsl(260.7,48.7%,53.3%)`
HSV (or HSB)	260.7°, 59.8, 76.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.056, 42.504, -55.042
XYZ	19.932, 13.195, 52.533
xyY	0.233, 0.154, 13.195
CIE-LCH	43.056, 69.543, 307.675
CIE-LUV	43.056, 8.118, -85.099
Hunter-Lab	36.325, 34.373, -60.316
Binary	01110110, 01001110, 11000010

#764ec2
```
#764ec2 rgb(118,78,194)
```
#9ac24e
```
#9ac24e rgb(154,194,78)
```

Complementary Color

#4e60c2
```
#4e60c2 rgb(78,96,194)
```
#764ec2
```
#764ec2 rgb(118,78,194)
```
#b04ec2
```
#b04ec2 rgb(176,78,194)
```

Analogous Color

#60c24e
```
#60c24e rgb(96,194,78)
```
#764ec2
```
#764ec2 rgb(118,78,194)
```
#c2b04e
```
#c2b04e rgb(194,176,78)
```

Split Complementary Color

#4ec276
```
#4ec276 rgb(78,194,118)
```
#764ec2
```
#764ec2 rgb(118,78,194)
```
#c2764e
```
#c2764e rgb(194,118,78)
```

Triadic Color

#4e9ac2
```
#4e9ac2 rgb(78,154,194)
```
#764ec2
```
#764ec2 rgb(118,78,194)
```
#c2764e
```
#c2764e rgb(194,118,78)
```
#9ac24e
```
#9ac24e rgb(154,194,78)
```

Tetradic Color

#533291
```
#533291 rgb(83,50,145)
```
#5e39a4
```
#5e39a4 rgb(94,57,164)
```
#693fb7
```
#693fb7 rgb(105,63,183)
```
#764ec2
```
#764ec2 rgb(118,78,194)
```
#8561c9
```
#8561c9 rgb(133,97,201)
```
#9374cf
```
#9374cf rgb(147,116,207)
```
#a287d6
```
#a287d6 rgb(162,135,214)
```

Monochromatic Color

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

#594ec2
```
#594ec2 rgb(89,78,194)
```
#634ec2
```
#634ec2 rgb(99,78,194)
```
#6c4ec2
```
#6c4ec2 rgb(108,78,194)
```
#764ec2
```
#764ec2 rgb(118,78,194)
```
#804ec2
```
#804ec2 rgb(128,78,194)
```
#894ec2
```
#894ec2 rgb(137,78,194)
```
#934ec2
```
#934ec2 rgb(147,78,194)
```

Similar Colors

Text with hexadecimal color #764ec2

This text has a font color of #764ec2.

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

#764ec2 background color

This paragraph has a background color of #764ec2.

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

#764ec2 border color

This element has a border color of #764ec2.

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

CSS codes

.text {color:#764ec2;}

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

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

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, #07040d is the darkest color, while #fdfdfe is the lightest one.

#07040d
```
#07040d rgb(7,4,13)
```
#10091b
```
#10091b rgb(16,9,27)
```
#180e2a
```
#180e2a rgb(24,14,42)
```
#201338
```
#201338 rgb(32,19,56)
```
#291847
```
#291847 rgb(41,24,71)
```
#311d56
```
#311d56 rgb(49,29,86)
```
#392364
```
#392364 rgb(57,35,100)
```
#412873
```
#412873 rgb(65,40,115)
```
#4a2d81
```
#4a2d81 rgb(74,45,129)
```
#523290
```
#523290 rgb(82,50,144)
```
#5a379f
```
#5a379f rgb(90,55,159)
```
#633cad
```
#633cad rgb(99,60,173)
```
#6b41bc
```
#6b41bc rgb(107,65,188)
```

Shade Color Variation

#764ec2
```
#764ec2 rgb(118,78,194)
```
#815dc7
```
#815dc7 rgb(129,93,199)
```
#8d6bcc
```
#8d6bcc rgb(141,107,204)
```
#987ad1
```
#987ad1 rgb(152,122,209)
```
#a388d6
```
#a388d6 rgb(163,136,214)
```
#ae97db
```
#ae97db rgb(174,151,219)
```
#baa6e0
```
#baa6e0 rgb(186,166,224)
```
#c5b4e5
```
#c5b4e5 rgb(197,180,229)
```
#d0c3ea
```
#d0c3ea rgb(208,195,234)
```
#dcd1ef
```
#dcd1ef rgb(220,209,239)
```
#e7e0f4
```
#e7e0f4 rgb(231,224,244)
```
#f2eef9
```
#f2eef9 rgb(242,238,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #87858b is the less saturated color, while #6517f9 is the most saturated one.

#87858b
```
#87858b rgb(135,133,139)
```
#847c94
```
#847c94 rgb(132,124,148)
```
#81739d
```
#81739d rgb(129,115,157)
```
#7f69a7
```
#7f69a7 rgb(127,105,167)
```
#7c60b0
```
#7c60b0 rgb(124,96,176)
```
#7957b9
```
#7957b9 rgb(121,87,185)
```
#764ec2
```
#764ec2 rgb(118,78,194)
```
#7345cb
```
#7345cb rgb(115,69,203)
```
#703cd4
```
#703cd4 rgb(112,60,212)
```
#6d33dd
```
#6d33dd rgb(109,51,221)
```
#6b29e7
```
#6b29e7 rgb(107,41,231)
```
#6820f0
```
#6820f0 rgb(104,32,240)
```
#6517f9
```
#6517f9 rgb(101,23,249)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#6a6279 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ad0 Protanopia 1% of men
#006fb9 Deuteranopia 1% of men
#676e76 Tritanopia 0.001% of the population

Trichromacy

#2a5fcb Protanomaly 1% of men, 0.01% of women
#2a63bc Deuteranomaly 6% of men, 0.4% of women
#6c6291 Tritanomaly 0.01% of the population

#764ec2 hex color

#764ec2 Color Information

#764ec2 Color Conversion

Color Schemes with #764ec2

Alternatives to #764ec2

#764ec2 Preview

Shades and Tints of #764ec2

Tones of #764ec2

Color Blindness Simulator