ColorTool
Log in
#794B5E

#794b5e ≈ Twilight Lavender

  • rose
  • Lightness: low
  • Saturation: muted
  • Warm
Check contrast Explore in graph Random color

#794b5e is a color from the rose family, with low lightness and muted saturation. In the RGB model it is made of 47.45% red, 29.41% green and 36.86% blue; printed in CMYK it uses 0% cyan, 38.02% magenta, 22.31% yellow and 52.55% black. Its hue angle is 335.22°, with 23.47% saturation and 38.43% lightness in HSL. It is a warm color, often associated with romance, playfulness and affection. Designers typically use it for food and restaurant brands, sales and promotions and brand accents. White text on this color reaches a contrast ratio of 7.04:1 (WCAG AAA). The closest named color is Twilight Lavender (#8a496b), ΔE 5.36.

Description generated from the measured properties of this color.

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

Complementary

  1. #794b5e
  2. #4b7966

Split complementary

  1. #794b5e
  2. #4b794f
  3. #4b7579

Analogous

  1. #794b75
  2. #794b5e
  3. #794f4b

Triadic

  1. #794b5e
  2. #5e794b
  3. #4b5e79

Tetradic

  1. #794b5e
  2. #79664b
  3. #4b7966
  4. #4b5e79

Square

  1. #794b5e
  2. #75794b
  3. #4b7966
  4. #4f4b79

Monochromatic

  1. #1b1015
  2. #4a2e39
  3. #794b5e
  4. #a46c83
  5. #c19cab

Shades

#794b5e mixed progressively with black.

  1. #794b5e
  2. #6d4455
  3. #613c4b
  4. #553542
  5. #492d38
  6. #3d262f
  7. #301e26
  8. #24171c
  9. #180f13
  10. #0c0809
  11. #000000

Tints

#794b5e mixed progressively with white.

  1. #794b5e
  2. #865d6e
  3. #946f7e
  4. #a1818e
  5. #af939e
  6. #bca5af
  7. #c9b7bf
  8. #d7c9cf
  9. #e4dbdf
  10. #f2edef
  11. #ffffff

Tones

#794b5e mixed progressively with gray.

  1. #794b5e
  2. #7a5061
  3. #7a5665
  4. #7b5b68
  5. #7c606c
  6. #7d666f
  7. #7d6b72
  8. #7e7076
  9. #7f7579
  10. #7f7b7d
  11. #808080

Readable text 7.04:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Readable text 2.98:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsia #595959 ≈ 0.003% of males
Achromatomaly #67545b ≈ 0.001% of males
Protanopia #50545f ≈ 1.01% of males
Deuteranopia #5b5c5d ≈ 1.27% of males
Tritanopia #804952 ≈ 0.0001% of males
Protanomaly #63505e ≈ 1.08% of males
Deuteranomaly #68555d ≈ 4.63% of males
Tritanomaly #7d4a57 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-794b5e {
  color: #794b5e;
}
Background
.bg-794b5e {
  background-color: #794b5e;
  color: #ffffff;
}
Border
.border-794b5e {
  border: 2px solid #794b5e;
}
CSS variables
:root {
  --color-primary: #794b5e;
  --color-primary-rgb: 121 75 94;
  --color-primary-hsl: 335 23% 38%;
}
Gradient
.gradient-794b5e {
  background: linear-gradient(135deg, #794b5e, #794f4b);
}
Colored shadow
.shadow-794b5e {
  box-shadow: 0 8px 24px rgb(121 75 94 / 0.35);
}

#8a496b Twilight Lavender ΔE 5.36 #614051 Eggplant ΔE 6.13 #915f6d Mauve Taupe ΔE 7.88 #7c4848 Tuscan Red ΔE 8.39 #873260 Boysenberry ΔE 8.60 #893f45 Cordovan ΔE 9.90 #722f37 Wine ΔE 11.07 #86b4a1 Inverted #595959 Grayscale 

Twilight Lavender
#794b5e  rgb(121, 75, 94)  hsl(335, 23%, 38%)  Twilight Lavender
#4b7966  rgb(75, 121, 102)  hsl(155, 23%, 38%)  Viridian
#5e794b  rgb(94, 121, 75)  hsl(95, 23%, 38%)  Fern Green
#4b5e79  rgb(75, 94, 121)  hsl(215, 23%, 38%)  Queen Blue