#764af2 hex color

In a RGB color space, hex #764af2 is composed of 46.3% red, 29% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 51.2% cyan, 69.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 255.7 degrees, a saturation of 86.6% and a lightness of 62%. #764af2 color hex could be obtained by blending #ec94ff with #0000e5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 46
- G 29
- B 95
RGB color chart
- C 51
- M 69
- Y 0
- K 5
CMYK color chart

● #764af2 color description : Soft violet.

The hexadecimal color #764af2 has RGB values of R:118, G:74, B:242 and CMYK values of C:0.51, M:0.69, Y:0, K:0.05. Its decimal value is 7752434.

Hex triplet	764af2	`#764af2`
RGB Decimal	118, 74, 242	`rgb(118,74,242)`
RGB Percent	46.3, 29, 94.9	`rgb(46.3%,29%,94.9%)`
CMYK	51, 69, 0, 5
HSL	255.7°, 86.6, 62	`hsl(255.7,86.6%,62%)`
HSV (or HSB)	255.7°, 69.4, 94.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	45.852, 57.74, -77.916
XYZ	25.944, 15.159, 85.559
xyY	0.205, 0.12, 15.159
CIE-LCH	45.852, 96.979, 306.54
CIE-LUV	45.852, 3.361, -119.705
Hunter-Lab	38.935, 50.806, -103.033
Binary	01110110, 01001010, 11110010

#764af2
```
#764af2 rgb(118,74,242)
```
#c6f24a
```
#c6f24a rgb(198,242,74)
```

Complementary Color

#4a72f2
```
#4a72f2 rgb(74,114,242)
```
#764af2
```
#764af2 rgb(118,74,242)
```
#ca4af2
```
#ca4af2 rgb(202,74,242)
```

Analogous Color

#72f24a
```
#72f24a rgb(114,242,74)
```
#764af2
```
#764af2 rgb(118,74,242)
```
#f2ca4a
```
#f2ca4a rgb(242,202,74)
```

Split Complementary Color

#4af276
```
#4af276 rgb(74,242,118)
```
#764af2
```
#764af2 rgb(118,74,242)
```
#f2764a
```
#f2764a rgb(242,118,74)
```

Triadic Color

#4ac6f2
```
#4ac6f2 rgb(74,198,242)
```
#764af2
```
#764af2 rgb(118,74,242)
```
#f2764a
```
#f2764a rgb(242,118,74)
```
#c6f24a
```
#c6f24a rgb(198,242,74)
```

Tetradic Color

#4610df
```
#4610df rgb(70,16,223)
```
#521aef
```
#521aef rgb(82,26,239)
```
#6432f0
```
#6432f0 rgb(100,50,240)
```
#764af2
```
#764af2 rgb(118,74,242)
```
#8862f4
```
#8862f4 rgb(136,98,244)
```
#9a7af5
```
#9a7af5 rgb(154,122,245)
```
#ac91f7
```
#ac91f7 rgb(172,145,247)
```

Monochromatic Color

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

#4c4af2
```
#4c4af2 rgb(76,74,242)
```
#5a4af2
```
#5a4af2 rgb(90,74,242)
```
#684af2
```
#684af2 rgb(104,74,242)
```
#764af2
```
#764af2 rgb(118,74,242)
```
#844af2
```
#844af2 rgb(132,74,242)
```
#924af2
```
#924af2 rgb(146,74,242)
```
#a04af2
```
#a04af2 rgb(160,74,242)
```

Similar Colors

Text with hexadecimal color #764af2

This text has a font color of #764af2.

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

#764af2 background color

This paragraph has a background color of #764af2.

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

#764af2 border color

This element has a border color of #764af2.

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

CSS codes

.text {color:#764af2;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#060114
```
#060114 rgb(6,1,20)
```
#0c0327
```
#0c0327 rgb(12,3,39)
```
#120439
```
#120439 rgb(18,4,57)
```
#18054b
```
#18054b rgb(24,5,75)
```
#1d075e
```
#1d075e rgb(29,7,94)
```
#230870
```
#230870 rgb(35,8,112)
```
#290982
```
#290982 rgb(41,9,130)
```
#2f0b94
```
#2f0b94 rgb(47,11,148)
```
#350ca7
```
#350ca7 rgb(53,12,167)
```
#3a0db9
```
#3a0db9 rgb(58,13,185)
```
#400fcb
```
#400fcb rgb(64,15,203)
```
#4610de
```
#4610de rgb(70,16,222)
```

Shade Color Variation

#4c13ee
```
#4c13ee rgb(76,19,238)
```
#5a25ef
```
#5a25ef rgb(90,37,239)
```
#6838f1
```
#6838f1 rgb(104,56,241)
```
#764af2
```
#764af2 rgb(118,74,242)
```
#845cf3
```
#845cf3 rgb(132,92,243)
```
#926ff5
```
#926ff5 rgb(146,111,245)
```
#a081f6
```
#a081f6 rgb(160,129,246)
```
#ad93f7
```
#ad93f7 rgb(173,147,247)
```
#bba6f9
```
#bba6f9 rgb(187,166,249)
```
#c9b8fa
```
#c9b8fa rgb(201,184,250)
```
#d7cafb
```
#d7cafb rgb(215,202,251)
```
#e5dcfd
```
#e5dcfd rgb(229,220,253)
```
#f3effe
```
#f3effe rgb(243,239,254)
```

Tint Color Variation

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

#9d9ca0
```
#9d9ca0 rgb(157,156,160)
```
#9a95a7
```
#9a95a7 rgb(154,149,167)
```
#968daf
```
#968daf rgb(150,141,175)
```
#9286b6
```
#9286b6 rgb(146,134,182)
```
#8f7ebe
```
#8f7ebe rgb(143,126,190)
```
#8b77c5
```
#8b77c5 rgb(139,119,197)
```
#886fcd
```
#886fcd rgb(136,111,205)
```
#8468d4
```
#8468d4 rgb(132,104,212)
```
#8160dc
```
#8160dc rgb(129,96,220)
```
#7d59e3
```
#7d59e3 rgb(125,89,227)
```
#7a51eb
```
#7a51eb rgb(122,81,235)
```
#764af2
```
#764af2 rgb(118,74,242)
```
#7243f9
```
#7243f9 rgb(114,67,249)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#6c6485 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#0077c0 Deuteranopia 1% of men
#4f7a83 Tritanopia 0.001% of the population

Trichromacy

#2a62e3 Protanomaly 1% of men, 0.01% of women
#2a66d2 Deuteranomaly 6% of men, 0.4% of women
#5d69ab Tritanomaly 0.01% of the population

#764af2 hex color

#764af2 Color Information

#764af2 Color Conversion

Color Schemes with #764af2

Alternatives to #764af2

#764af2 Preview

Shades and Tints of #764af2

Tones of #764af2

Color Blindness Simulator