#764ecb hex color

In a RGB color space, hex #764ecb is composed of 46.3% red, 30.6% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 41.9% cyan, 61.6% magenta, 0% yellow and 20.4% black. It has a hue angle of 259.2 degrees, a saturation of 54.6% and a lightness of 55.1%. #764ecb color hex could be obtained by blending #ec9cff with #000097. 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

● #764ecb color description : Moderate violet.

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

Hex triplet	764ecb	`#764ecb`
RGB Decimal	118, 78, 203	`rgb(118,78,203)`
RGB Percent	46.3, 30.6, 79.6	`rgb(46.3%,30.6%,79.6%)`
CMYK	42, 62, 0, 20
HSL	259.2°, 54.6, 55.1	`hsl(259.2,54.6%,55.1%)`
HSV (or HSB)	259.2°, 61.6, 79.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.671, 44.939, -59.262
XYZ	20.973, 13.612, 58.019
xyY	0.226, 0.147, 13.612
CIE-LCH	43.671, 74.374, 307.173
CIE-LUV	43.671, 6.987, -91.665
Hunter-Lab	36.894, 36.906, -67.412
Binary	01110110, 01001110, 11001011

#764ecb
```
#764ecb rgb(118,78,203)
```
#a3cb4e
```
#a3cb4e rgb(163,203,78)
```

Complementary Color

#4e65cb
```
#4e65cb rgb(78,101,203)
```
#764ecb
```
#764ecb rgb(118,78,203)
```
#b54ecb
```
#b54ecb rgb(181,78,203)
```

Analogous Color

#65cb4e
```
#65cb4e rgb(101,203,78)
```
#764ecb
```
#764ecb rgb(118,78,203)
```
#cbb54e
```
#cbb54e rgb(203,181,78)
```

Split Complementary Color

#4ecb76
```
#4ecb76 rgb(78,203,118)
```
#764ecb
```
#764ecb rgb(118,78,203)
```
#cb764e
```
#cb764e rgb(203,118,78)
```

Triadic Color

#4ea3cb
```
#4ea3cb rgb(78,163,203)
```
#764ecb
```
#764ecb rgb(118,78,203)
```
#cb764e
```
#cb764e rgb(203,118,78)
```
#a3cb4e
```
#a3cb4e rgb(163,203,78)
```

Tetradic Color

#522e9e
```
#522e9e rgb(82,46,158)
```
#5c34b2
```
#5c34b2 rgb(92,52,178)
```
#673ac5
```
#673ac5 rgb(103,58,197)
```
#764ecb
```
#764ecb rgb(118,78,203)
```
#8562d1
```
#8562d1 rgb(133,98,209)
```
#9575d7
```
#9575d7 rgb(149,117,215)
```
#a489dc
```
#a489dc rgb(164,137,220)
```

Monochromatic Color

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

#574ecb
```
#574ecb rgb(87,78,203)
```
#614ecb
```
#614ecb rgb(97,78,203)
```
#6c4ecb
```
#6c4ecb rgb(108,78,203)
```
#764ecb
```
#764ecb rgb(118,78,203)
```
#804ecb
```
#804ecb rgb(128,78,203)
```
#8b4ecb
```
#8b4ecb rgb(139,78,203)
```
#954ecb
```
#954ecb rgb(149,78,203)
```

Similar Colors

Text with hexadecimal color #764ecb

This text has a font color of #764ecb.

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

#764ecb background color

This paragraph has a background color of #764ecb.

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

#764ecb border color

This element has a border color of #764ecb.

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

CSS codes

.text {color:#764ecb;}

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

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

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

#030105
```
#030105 rgb(3,1,5)
```
#0a0614
```
#0a0614 rgb(10,6,20)
```
#120a23
```
#120a23 rgb(18,10,35)
```
#1a0f32
```
#1a0f32 rgb(26,15,50)
```
#221342
```
#221342 rgb(34,19,66)
```
#2a1851
```
#2a1851 rgb(42,24,81)
```
#321c60
```
#321c60 rgb(50,28,96)
```
#3a216f
```
#3a216f rgb(58,33,111)
```
#42257e
```
#42257e rgb(66,37,126)
```
#492a8d
```
#492a8d rgb(73,42,141)
```
#512e9d
```
#512e9d rgb(81,46,157)
```
#5932ac
```
#5932ac rgb(89,50,172)
```
#6137bb
```
#6137bb rgb(97,55,187)
```

Shade Color Variation

#6a3fc7
```
#6a3fc7 rgb(106,63,199)
```
#764ecb
```
#764ecb rgb(118,78,203)
```
#825dcf
```
#825dcf rgb(130,93,207)
```
#8d6cd4
```
#8d6cd4 rgb(141,108,212)
```
#997bd8
```
#997bd8 rgb(153,123,216)
```
#a58bdd
```
#a58bdd rgb(165,139,221)
```
#b19ae1
```
#b19ae1 rgb(177,154,225)
```
#bca9e6
```
#bca9e6 rgb(188,169,230)
```
#c8b8ea
```
#c8b8ea rgb(200,184,234)
```
#d4c7ef
```
#d4c7ef rgb(212,199,239)
```
#e0d6f3
```
#e0d6f3 rgb(224,214,243)
```
#ebe6f8
```
#ebe6f8 rgb(235,230,248)
```
#f7f5fc
```
#f7f5fc rgb(247,245,252)
```

Tint Color Variation

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

#8c8c8d
```
#8c8c8d rgb(140,140,141)
```
#898396
```
#898396 rgb(137,131,150)
```
#867a9f
```
#867a9f rgb(134,122,159)
```
#8371a8
```
#8371a8 rgb(131,113,168)
```
#8068b1
```
#8068b1 rgb(128,104,177)
```
#7c60b9
```
#7c60b9 rgb(124,96,185)
```
#7957c2
```
#7957c2 rgb(121,87,194)
```
#764ecb
```
#764ecb rgb(118,78,203)
```
#7345d4
```
#7345d4 rgb(115,69,212)
```
#703cdd
```
#703cdd rgb(112,60,221)
```
#6c34e5
```
#6c34e5 rgb(108,52,229)
```
#692bee
```
#692bee rgb(105,43,238)
```
#6622f7
```
#6622f7 rgb(102,34,247)
```

Tone Color Variation

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

#006bd2 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
#2a64c0 Deuteranomaly 6% of men, 0.4% of women
#6a6496 Tritanomaly 0.01% of the population

#764ecb hex color

#764ecb Color Information

#764ecb Color Conversion

Color Schemes with #764ecb

Alternatives to #764ecb

#764ecb Preview

Shades and Tints of #764ecb

Tones of #764ecb

Color Blindness Simulator