ColorTool
Log in
#774AA4

#774aa4 ≈ Royal Purple

  • violet
  • Lightness: medium
  • Saturation: moderate
  • Cool
Check contrast Explore in graph Random color

#774aa4 is a color from the violet family, with medium lightness and moderate saturation. In the RGB model it is made of 46.67% red, 29.02% green and 64.31% blue; printed in CMYK it uses 27.44% cyan, 54.88% magenta, 0% yellow and 35.69% black. Its hue angle is 270°, with 37.82% saturation and 46.67% lightness in HSL. It is a cool color, often associated with imagination, spirituality and luxury. Designers typically use it for beauty and cosmetics, creative studios and brand accents. White text on this color reaches a contrast ratio of 6.36:1 (WCAG AA). The closest named color is Royal Purple (#7851a9), ΔE 2.11.

Description generated from the measured properties of this color.

HEX
RGB
RGB percent
CMY
CMYK
HSL
HSV / HSB
Web safe#663399
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binary
Decimal
Relative luminance0.115

Complementary

  1. #774aa4
  2. #77a44a

Split complementary

  1. #774aa4
  2. #a4a44a
  3. #4aa44a

Analogous

  1. #4a4aa4
  2. #774aa4
  3. #a44aa4

Triadic

  1. #774aa4
  2. #a4774a
  3. #4aa477

Tetradic

  1. #774aa4
  2. #a44a77
  3. #77a44a
  4. #4aa477

Square

  1. #774aa4
  2. #a44a4a
  3. #77a44a
  4. #4aa4a4

Monochromatic

  1. #2b1a3b
  2. #51326f
  3. #774aa4
  4. #9d78c2
  5. #c4adda

Shades

#774aa4 mixed progressively with black.

  1. #774aa4
  2. #6b4394
  3. #5f3b83
  4. #533473
  5. #472c62
  6. #3c2552
  7. #301e42
  8. #241631
  9. #180f21
  10. #0c0710
  11. #000000

Tints

#774aa4 mixed progressively with white.

  1. #774aa4
  2. #855cad
  3. #926eb6
  4. #a080bf
  5. #ad92c8
  6. #bba5d2
  7. #c9b7db
  8. #d6c9e4
  9. #e4dbed
  10. #f1edf6
  11. #ffffff

Tones

#774aa4 mixed progressively with gray.

  1. #774aa4
  2. #784fa0
  3. #79559d
  4. #7a5a99
  5. #7b6096
  6. #7c6592
  7. #7c6a8e
  8. #7d708b
  9. #7e7587
  10. #7f7b84
  11. #808080

Readable text 6.36:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Readable text 3.3:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Achromatopsia #5f5f5f ≈ 0.003% of males
Achromatomaly #6a5780 ≈ 0.001% of males
Protanopia #2b5ea7 ≈ 1.01% of males
Deuteranopia #3a5fa2 ≈ 1.27% of males
Tritanopia #6f5b70 ≈ 0.0001% of males
Protanomaly #5457a6 ≈ 1.08% of males
Deuteranomaly #5958a3 ≈ 4.63% of males
Tritanomaly #725588 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-774aa4 {
  color: #774aa4;
}
Background
.bg-774aa4 {
  background-color: #774aa4;
  color: #ffffff;
}
Border
.border-774aa4 {
  border: 2px solid #774aa4;
}
CSS variables
:root {
  --color-primary: #774aa4;
  --color-primary-rgb: 119 74 164;
  --color-primary-hsl: 270 38% 47%;
}
Gradient
.gradient-774aa4 {
  background: linear-gradient(135deg, #774aa4, #a44aa4);
}
Colored shadow
.shadow-774aa4 {
  box-shadow: 0 8px 24px rgb(119 74 164 / 0.35);
}

#7851a9 Royal Purple ΔE 2.11 #69359c Purple Heart ΔE 5.96 #663399 Rebecca Purple ΔE 6.66 #9a4eae Purpureus ΔE 7.43 #6c3082 Eminence ΔE 8.44 #9932cc Dark Orchid ΔE 8.65 #4f42b5 Ocean Blue ΔE 9.03 #88b55b Inverted #5f5f5f Grayscale 

Royal Purple
#774aa4  rgb(119, 74, 164)  hsl(270, 38%, 47%)  Royal Purple
#77a44a  rgb(119, 164, 74)  hsl(90, 38%, 47%)  Asparagus
#a4774a  rgb(164, 119, 74)  hsl(30, 38%, 47%)  Cafe au Lait
#4aa477  rgb(74, 164, 119)  hsl(150, 38%, 47%)  Jade