#764ecf hex color

In a RGB color space, hex #764ecf is composed of 46.3% red, 30.6% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 43% cyan, 62.3% magenta, 0% yellow and 18.8% black. It has a hue angle of 258.6 degrees, a saturation of 57.3% and a lightness of 55.9%. #764ecf color hex could be obtained by blending #ec9cff with #00009f. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 46
- G 31
- B 81
RGB color chart
- C 43
- M 62
- Y 0
- K 19
CMYK color chart

● #764ecf color description : Moderate violet.

The hexadecimal color #764ecf has RGB values of R:118, G:78, B:207 and CMYK values of C:0.43, M:0.62, Y:0, K:0.19. Its decimal value is 7753423.

Hex triplet	764ecf	`#764ecf`
RGB Decimal	118, 78, 207	`rgb(118,78,207)`
RGB Percent	46.3, 30.6, 81.2	`rgb(46.3%,30.6%,81.2%)`
CMYK	43, 62, 0, 19
HSL	258.6°, 57.3, 55.9	`hsl(258.6,57.3%,55.9%)`
HSV (or HSB)	258.6°, 62.3, 81.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.952, 46.03, -61.113
XYZ	21.456, 13.805, 60.562
xyY	0.224, 0.144, 13.805
CIE-LCH	43.952, 76.509, 306.987
CIE-LUV	43.952, 6.5, -94.54
Hunter-Lab	37.155, 38.057, -70.633
Binary	01110110, 01001110, 11001111

#764ecf
```
#764ecf rgb(118,78,207)
```
#a7cf4e
```
#a7cf4e rgb(167,207,78)
```

Complementary Color

#4e67cf
```
#4e67cf rgb(78,103,207)
```
#764ecf
```
#764ecf rgb(118,78,207)
```
#b74ecf
```
#b74ecf rgb(183,78,207)
```

Analogous Color

#67cf4e
```
#67cf4e rgb(103,207,78)
```
#764ecf
```
#764ecf rgb(118,78,207)
```
#cfb74e
```
#cfb74e rgb(207,183,78)
```

Split Complementary Color

#4ecf76
```
#4ecf76 rgb(78,207,118)
```
#764ecf
```
#764ecf rgb(118,78,207)
```
#cf764e
```
#cf764e rgb(207,118,78)
```

Triadic Color

#4ea7cf
```
#4ea7cf rgb(78,167,207)
```
#764ecf
```
#764ecf rgb(118,78,207)
```
#cf764e
```
#cf764e rgb(207,118,78)
```
#a7cf4e
```
#a7cf4e rgb(167,207,78)
```

Tetradic Color

#522ca4
```
#522ca4 rgb(82,44,164)
```
#5c32b8
```
#5c32b8 rgb(92,50,184)
```
#663aca
```
#663aca rgb(102,58,202)
```
#764ecf
```
#764ecf rgb(118,78,207)
```
#8662d4
```
#8662d4 rgb(134,98,212)
```
#9576da
```
#9576da rgb(149,118,218)
```
#a58adf
```
#a58adf rgb(165,138,223)
```

Monochromatic Color

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

#564ecf
```
#564ecf rgb(86,78,207)
```
#604ecf
```
#604ecf rgb(96,78,207)
```
#6b4ecf
```
#6b4ecf rgb(107,78,207)
```
#764ecf
```
#764ecf rgb(118,78,207)
```
#814ecf
```
#814ecf rgb(129,78,207)
```
#8c4ecf
```
#8c4ecf rgb(140,78,207)
```
#964ecf
```
#964ecf rgb(150,78,207)
```

Similar Colors

Text with hexadecimal color #764ecf

This text has a font color of #764ecf.

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

#764ecf background color

This paragraph has a background color of #764ecf.

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

#764ecf border color

This element has a border color of #764ecf.

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

CSS codes

.text {color:#764ecf;}

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

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

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

#040208
```
#040208 rgb(4,2,8)
```
#0c0618
```
#0c0618 rgb(12,6,24)
```
#130b27
```
#130b27 rgb(19,11,39)
```
#1b0f36
```
#1b0f36 rgb(27,15,54)
```
#231346
```
#231346 rgb(35,19,70)
```
#2a1755
```
#2a1755 rgb(42,23,85)
```
#321b65
```
#321b65 rgb(50,27,101)
```
#3a2074
```
#3a2074 rgb(58,32,116)
```
#412484
```
#412484 rgb(65,36,132)
```
#492893
```
#492893 rgb(73,40,147)
```
#512ca2
```
#512ca2 rgb(81,44,162)
```
#5830b2
```
#5830b2 rgb(88,48,178)
```
#6034c1
```
#6034c1 rgb(96,52,193)
```

Shade Color Variation

#6a3fcb
```
#6a3fcb rgb(106,63,203)
```
#764ecf
```
#764ecf rgb(118,78,207)
```
#825dd3
```
#825dd3 rgb(130,93,211)
```
#8e6dd7
```
#8e6dd7 rgb(142,109,215)
```
#9a7cdc
```
#9a7cdc rgb(154,124,220)
```
#a68ce0
```
#a68ce0 rgb(166,140,224)
```
#b29be4
```
#b29be4 rgb(178,155,228)
```
#beabe8
```
#beabe8 rgb(190,171,232)
```
#cabaec
```
#cabaec rgb(202,186,236)
```
#d6c9f0
```
#d6c9f0 rgb(214,201,240)
```
#e1d9f5
```
#e1d9f5 rgb(225,217,245)
```
#ede8f9
```
#ede8f9 rgb(237,232,249)
```
#f9f8fd
```
#f9f8fd rgb(249,248,253)
```

Tint Color Variation

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

#8d8b92
```
#8d8b92 rgb(141,139,146)
```
#8a829b
```
#8a829b rgb(138,130,155)
```
#8679a4
```
#8679a4 rgb(134,121,164)
```
#8371ac
```
#8371ac rgb(131,113,172)
```
#8068b5
```
#8068b5 rgb(128,104,181)
```
#7d5fbe
```
#7d5fbe rgb(125,95,190)
```
#7957c6
```
#7957c6 rgb(121,87,198)
```
#764ecf
```
#764ecf rgb(118,78,207)
```
#7345d8
```
#7345d8 rgb(115,69,216)
```
#6f3de0
```
#6f3de0 rgb(111,61,224)
```
#6c34e9
```
#6c34e9 rgb(108,52,233)
```
#692bf2
```
#692bf2 rgb(105,43,242)
```
#6623fa
```
#6623fa rgb(102,35,250)
```

Tone Color Variation

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

Dichromacy

#006cd4 Protanopia 1% of men
#0071bb Deuteranopia 1% of men
#62727a Tritanopia 0.001% of the population

Trichromacy

#2a61d2 Protanomaly 1% of men, 0.01% of women
#2a64c2 Deuteranomaly 6% of men, 0.4% of women
#696599 Tritanomaly 0.01% of the population

#764ecf hex color

#764ecf Color Information

#764ecf Color Conversion

Color Schemes with #764ecf

Alternatives to #764ecf

#764ecf Preview

Shades and Tints of #764ecf

Tones of #764ecf

Color Blindness Simulator