ColorTool
Log in
#DB331F

#db331f ≈ Lust

  • red
  • Lightness: medium
  • Saturation: strong
  • Warm
Check contrast Explore in graph Random color

#db331f is a color from the red family, with medium lightness and strong saturation. In the RGB model it is made of 85.88% red, 20% green and 12.16% blue; printed in CMYK it uses 0% cyan, 76.71% magenta, 85.84% yellow and 14.12% black. Its hue angle is 6.38°, with 75.2% saturation and 49.02% lightness in HSL. It is a warm color, often associated with energy, passion and urgency. 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 4.66:1 (WCAG AA). The closest named color is Lust (#e62020), ΔE 2.57.

Description generated from the measured properties of this color.

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

Complementary

  1. #db331f
  2. #1fc7db

Split complementary

  1. #db331f
  2. #1fdb91
  3. #1f69db

Analogous

  1. #db1f69
  2. #db331f
  3. #db911f

Triadic

  1. #db331f
  2. #1fdb33
  3. #331fdb

Tetradic

  1. #db331f
  2. #c7db1f
  3. #1fc7db
  4. #331fdb

Square

  1. #db331f
  2. #69db1f
  3. #1fc7db
  4. #911fdb

Monochromatic

  1. #55140c
  2. #982316
  3. #db331f
  4. #e86d5e
  5. #f2aaa1

Shades

#db331f mixed progressively with black.

  1. #db331f
  2. #c52e1c
  3. #af2919
  4. #992416
  5. #831f13
  6. #6e1a10
  7. #58140c
  8. #420f09
  9. #2c0a06
  10. #160503
  11. #000000

Tints

#db331f mixed progressively with white.

  1. #db331f
  2. #df4735
  3. #e25c4c
  4. #e67062
  5. #e98579
  6. #ed998f
  7. #f1ada5
  8. #f4c2bc
  9. #f8d6d2
  10. #fbebe9
  11. #ffffff

Tones

#db331f mixed progressively with gray.

  1. #db331f
  2. #d23b29
  3. #c94232
  4. #c04a3c
  5. #b75246
  6. #ae5a50
  7. #a46159
  8. #9b6963
  9. #92716d
  10. #897876
  11. #808080

Readable text 4.66:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Readable text 4.51:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #747474 ≈ 0.003% of males
Achromatomaly #a7615d ≈ 0.001% of males
Protanopia #695d1a ≈ 1.01% of males
Deuteranopia #928113 ≈ 1.27% of males
Tritanopia #f20031 ≈ 0.0001% of males
Protanomaly #a34f1c ≈ 1.08% of males
Deuteranomaly #b46b18 ≈ 4.63% of males
Tritanomaly #e9002b ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-db331f {
  color: #db331f;
}
Background
.bg-db331f {
  background-color: #db331f;
  color: #ffffff;
}
Border
.border-db331f {
  border: 2px solid #db331f;
}
CSS variables
:root {
  --color-primary: #db331f;
  --color-primary-rgb: 219 51 31;
  --color-primary-hsl: 6 75% 49%;
}
Gradient
.gradient-db331f {
  background: linear-gradient(135deg, #db331f, #db911f);
}
Colored shadow
.shadow-db331f {
  box-shadow: 0 8px 24px rgb(219 51 31 / 0.35);
}

#e62020 Lust ΔE 2.57 #e34234 Cinnabar ΔE 4.28 #e34234 Vermilion ΔE 4.28 #e30022 Cadmium Red ΔE 4.57 #d40000 Rosso Corsa ΔE 5.03 #cb410b Sinopia ΔE 6.07 #cc3333 Persian Red ΔE 6.14 #24cce0 Inverted #747474 Grayscale 

Lust
#db331f  rgb(219, 51, 31)  hsl(6, 75%, 49%)  Lust
#1fc7db  rgb(31, 199, 219)  hsl(186, 75%, 49%)  Dark Turquoise
#1fdb33  rgb(31, 219, 51)  hsl(126, 75%, 49%)  Malachite
#331fdb  rgb(51, 31, 219)  hsl(246, 75%, 49%)  Blue