#770ea9 hex color

In a RGB color space, hex #770ea9 is composed of 46.7% red, 5.5% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 29.6% cyan, 91.7% magenta, 0% yellow and 33.7% black. It has a hue angle of 280.6 degrees, a saturation of 84.7% and a lightness of 35.9%. #770ea9 color hex could be obtained by blending #ee1cff with #000053. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 47
- G 5
- B 66
RGB color chart
- C 30
- M 92
- Y 0
- K 34
CMYK color chart

● #770ea9 color description : Dark violet.

The hexadecimal color #770ea9 has RGB values of R:119, G:14, B:169 and CMYK values of C:0.3, M:0.92, Y:0, K:0.34. Its decimal value is 7802537.

Hex triplet	770ea9	`#770ea9`
RGB Decimal	119, 14, 169	`rgb(119,14,169)`
RGB Percent	46.7, 5.5, 66.3	`rgb(46.7%,5.5%,66.3%)`
CMYK	30, 92, 0, 34
HSL	280.6°, 84.7, 35.9	`hsl(280.6,84.7%,35.9%)`
HSV (or HSB)	280.6°, 91.7, 66.3
Web Safe	660099	`#660099`

CIE-LAB	32.036, 62.701, -58.137
XYZ	14.925, 7.101, 38.118
xyY	0.248, 0.118, 7.101
CIE-LCH	32.036, 85.506, 317.163
CIE-LUV	32.036, 23.051, -82.169
Hunter-Lab	26.648, 53.343, -66.158
Binary	01110111, 00001110, 10101001

#770ea9
```
#770ea9 rgb(119,14,169)
```
#40a90e
```
#40a90e rgb(64,169,14)
```

Complementary Color

#290ea9
```
#290ea9 rgb(41,14,169)
```
#770ea9
```
#770ea9 rgb(119,14,169)
```
#a90e8e
```
#a90e8e rgb(169,14,142)
```

Analogous Color

#0ea92a
```
#0ea92a rgb(14,169,42)
```
#770ea9
```
#770ea9 rgb(119,14,169)
```
#8ea90e
```
#8ea90e rgb(142,169,14)
```

Split Complementary Color

#0ea977
```
#0ea977 rgb(14,169,119)
```
#770ea9
```
#770ea9 rgb(119,14,169)
```
#a9770e
```
#a9770e rgb(169,119,14)
```

Triadic Color

#0e40a9
```
#0e40a9 rgb(14,64,169)
```
#770ea9
```
#770ea9 rgb(119,14,169)
```
#a9770e
```
#a9770e rgb(169,119,14)
```
#40a90e
```
#40a90e rgb(64,169,14)
```

Tetradic Color

#450862
```
#450862 rgb(69,8,98)
```
#560a7a
```
#560a7a rgb(86,10,122)
```
#660c91
```
#660c91 rgb(102,12,145)
```
#770ea9
```
#770ea9 rgb(119,14,169)
```
#8810c1
```
#8810c1 rgb(136,16,193)
```
#9812d8
```
#9812d8 rgb(152,18,216)
```
#a718ec
```
#a718ec rgb(167,24,236)
```

Monochromatic Color

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

#500ea9
```
#500ea9 rgb(80,14,169)
```
#5d0ea9
```
#5d0ea9 rgb(93,14,169)
```
#6a0ea9
```
#6a0ea9 rgb(106,14,169)
```
#770ea9
```
#770ea9 rgb(119,14,169)
```
#840ea9
```
#840ea9 rgb(132,14,169)
```
#910ea9
```
#910ea9 rgb(145,14,169)
```
#9e0ea9
```
#9e0ea9 rgb(158,14,169)
```

Similar Colors

Text with hexadecimal color #770ea9

This text has a font color of #770ea9.

<span style="color:#770ea9;">Text here</span>

#770ea9 background color

This paragraph has a background color of #770ea9.

<p style="background-color:#770ea9;">Content here</p>

#770ea9 border color

This element has a border color of #770ea9.

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

CSS codes

.text {color:#770ea9;}

.background {background-color:#770ea9;}

.border {border:1px solid #770ea9;}

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

#040006
```
#040006 rgb(4,0,6)
```
#110218
```
#110218 rgb(17,2,24)
```
#1e032a
```
#1e032a rgb(30,3,42)
```
#2a053c
```
#2a053c rgb(42,5,60)
```
#37064e
```
#37064e rgb(55,6,78)
```
#440861
```
#440861 rgb(68,8,97)
```
#510973
```
#510973 rgb(81,9,115)
```
#5d0b85
```
#5d0b85 rgb(93,11,133)
```
#6a0c97
```
#6a0c97 rgb(106,12,151)
```
#770ea9
```
#770ea9 rgb(119,14,169)
```
#8410bb
```
#8410bb rgb(132,16,187)
```
#9111cd
```
#9111cd rgb(145,17,205)
```
#9d13df
```
#9d13df rgb(157,19,223)
```

Shade Color Variation

#a819ec
```
#a819ec rgb(168,25,236)
```
#af2ced
```
#af2ced rgb(175,44,237)
```
#b63eef
```
#b63eef rgb(182,62,239)
```
#bd50f0
```
#bd50f0 rgb(189,80,240)
```
#c462f2
```
#c462f2 rgb(196,98,242)
```
#ca74f3
```
#ca74f3 rgb(202,116,243)
```
#d186f5
```
#d186f5 rgb(209,134,245)
```
#d898f6
```
#d898f6 rgb(216,152,246)
```
#dfaaf8
```
#dfaaf8 rgb(223,170,248)
```
#e6bdf9
```
#e6bdf9 rgb(230,189,249)
```
#edcffb
```
#edcffb rgb(237,207,251)
```
#f4e1fc
```
#f4e1fc rgb(244,225,252)
```
#faf3fe
```
#faf3fe rgb(250,243,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5c5b5c is the less saturated color, while #7907b0 is the most saturated one.

#5c5b5c
```
#5c5b5c rgb(92,91,92)
```
#5e5463
```
#5e5463 rgb(94,84,99)
```
#614d6a
```
#614d6a rgb(97,77,106)
```
#634671
```
#634671 rgb(99,70,113)
```
#663f78
```
#663f78 rgb(102,63,120)
```
#68387f
```
#68387f rgb(104,56,127)
```
#6b3186
```
#6b3186 rgb(107,49,134)
```
#6d2a8d
```
#6d2a8d rgb(109,42,141)
```
#702394
```
#702394 rgb(112,35,148)
```
#721c9b
```
#721c9b rgb(114,28,155)
```
#7515a2
```
#7515a2 rgb(117,21,162)
```
#770ea9
```
#770ea9 rgb(119,14,169)
```
#7907b0
```
#7907b0 rgb(121,7,176)
```

Tone Color Variation

Below, you can see how #770ea9 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

#3f3f3f Achromatopsia 0.005% of the population
#4a3554 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00568d Deuteranopia 1% of men
#6b4c51 Tritanopia 0.001% of the population

Trichromacy

#2b39a3 Protanomaly 1% of men, 0.01% of women
#2b3c97 Deuteranomaly 6% of men, 0.4% of women
#6f3571 Tritanomaly 0.01% of the population

#770ea9 hex color

#770ea9 Color Information

#770ea9 Color Conversion

Color Schemes with #770ea9

Alternatives to #770ea9

#770ea9 Preview

Shades and Tints of #770ea9

Tones of #770ea9

Color Blindness Simulator