ColorTool
Log in
#614F66

#614f66 ≈ Eggplant

  • magenta
  • Lightness: low
  • Saturation: muted
  • Balanced
Check contrast Explore in graph Random color

#614f66 is a color from the magenta family, with low lightness and muted saturation. In the RGB model it is made of 38.04% red, 30.98% green and 40% blue; printed in CMYK it uses 4.9% cyan, 22.55% magenta, 0% yellow and 60% black. Its hue angle is 286.96°, with 12.71% saturation and 35.49% lightness in HSL. It sits between warm and cool, and is often associated with creativity, boldness and individuality. Designers typically use it for beauty and cosmetics, creative studios and brand accents. White text on this color reaches a contrast ratio of 7.45:1 (WCAG AAA). The closest named color is Eggplant (#614051), ΔE 7.17.

Description generated from the measured properties of this color.

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

Complementary

  1. #614f66
  2. #54664f

Split complementary

  1. #614f66
  2. #5f664f
  3. #4f6655

Analogous

  1. #554f66
  2. #614f66
  3. #664f5f

Triadic

  1. #614f66
  2. #66614f
  3. #4f6661

Tetradic

  1. #614f66
  2. #664f54
  3. #54664f
  4. #4f6661

Square

  1. #614f66
  2. #66554f
  3. #54664f
  4. #4f5f66

Monochromatic

  1. #0f0c10
  2. #382e3b
  3. #614f66
  4. #8a7191
  5. #ad9cb2

Shades

#614f66 mixed progressively with black.

  1. #614f66
  2. #57475c
  3. #4e3f52
  4. #443747
  5. #3a2f3d
  6. #312833
  7. #272029
  8. #1d181f
  9. #131014
  10. #0a080a
  11. #000000

Tints

#614f66 mixed progressively with white.

  1. #614f66
  2. #716175
  3. #817285
  4. #908494
  5. #a095a3
  6. #b0a7b3
  7. #c0b9c2
  8. #d0cad1
  9. #dfdce0
  10. #efedf0
  11. #ffffff

Tones

#614f66 mixed progressively with gray.

  1. #614f66
  2. #645469
  3. #67596b
  4. #6a5e6e
  5. #6d6370
  6. #716873
  7. #746c76
  8. #777178
  9. #7a767b
  10. #7d7b7d
  11. #808080

Readable text 7.45:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Readable text 2.82:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Achromatopsia #555555 ≈ 0.003% of males
Achromatomaly #5a535c ≈ 0.001% of males
Protanopia #4d5467 ≈ 1.01% of males
Deuteranopia #505665 ≈ 1.27% of males
Tritanopia #615157 ≈ 0.0001% of males
Protanomaly #555267 ≈ 1.08% of males
Deuteranomaly #575366 ≈ 4.63% of males
Tritanomaly #61505d ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-614f66 {
  color: #614f66;
}
Background
.bg-614f66 {
  background-color: #614f66;
  color: #ffffff;
}
Border
.border-614f66 {
  border: 2px solid #614f66;
}
CSS variables
:root {
  --color-primary: #614f66;
  --color-primary-rgb: 97 79 102;
  --color-primary-hsl: 287 13% 35%;
}
Gradient
.gradient-614f66 {
  background: linear-gradient(135deg, #614f66, #664f5f);
}
Colored shadow
.shadow-614f66 {
  box-shadow: 0 8px 24px rgb(97 79 102 / 0.35);
}

#614051 Eggplant ΔE 7.17 #796878 Old Lavender ΔE 9.38 #645452 Wenge ΔE 11.53 #8a496b Twilight Lavender ΔE 11.99 #674c47 Liver ΔE 13.03 #915f6d Mauve Taupe ΔE 13.66 #8e4585 Deep Plum ΔE 13.70 #9eb099 Inverted #555555 Grayscale 

Eggplant
#614f66  rgb(97, 79, 102)  hsl(287, 13%, 35%)  Eggplant
#54664f  rgb(84, 102, 79)  hsl(107, 13%, 35%)  Feldgrau
#66614f  rgb(102, 97, 79)  hsl(47, 13%, 35%)  Dim Gray
#4f6661  rgb(79, 102, 97)  hsl(167, 13%, 35%)  Feldgrau