ColorTool
Log in
#AA2240

#aa2240 ≈ Vivid Burgundy

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

#aa2240 is a color from the red family, with medium lightness and strong saturation. In the RGB model it is made of 66.67% red, 13.33% green and 25.1% blue; printed in CMYK it uses 0% cyan, 80% magenta, 62.35% yellow and 33.33% black. Its hue angle is 346.76°, with 66.67% saturation and 40% 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 6.97:1 (WCAG AA). The closest named color is Vivid Burgundy (#9f1d35), ΔE 3.12.

Description generated from the measured properties of this color.

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

Complementary

  1. #aa2240
  2. #22aa8c

Split complementary

  1. #aa2240
  2. #22aa48
  3. #2284aa

Analogous

  1. #aa2284
  2. #aa2240
  3. #aa4822

Triadic

  1. #aa2240
  2. #40aa22
  3. #2240aa

Tetradic

  1. #aa2240
  2. #aa8c22
  3. #22aa8c
  4. #2240aa

Square

  1. #aa2240
  2. #84aa22
  3. #22aa8c
  4. #4822aa

Monochromatic

  1. #2b0810
  2. #6a1528
  3. #aa2240
  4. #d94062
  5. #e67f96

Shades

#aa2240 mixed progressively with black.

  1. #aa2240
  2. #991f3a
  3. #881b33
  4. #77182d
  5. #661426
  6. #551120
  7. #440e1a
  8. #330a13
  9. #22070d
  10. #110306
  11. #000000

Tints

#aa2240 mixed progressively with white.

  1. #aa2240
  2. #b33853
  3. #bb4e66
  4. #c46479
  5. #cc7a8c
  6. #d591a0
  7. #dda7b3
  8. #e6bdc6
  9. #eed3d9
  10. #f7e9ec
  11. #ffffff

Tones

#aa2240 mixed progressively with gray.

  1. #aa2240
  2. #a62b46
  3. #a2354d
  4. #9d3e53
  5. #99485a
  6. #955160
  7. #915a66
  8. #8d646d
  9. #886d73
  10. #84777a
  11. #808080

Readable text 6.97:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Readable text 3.01:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Achromatopsia #595959 ≈ 0.003% of males
Achromatomaly #814950 ≈ 0.001% of males
Protanopia #4a4740 ≈ 1.01% of males
Deuteranopia #6c633c ≈ 1.27% of males
Tritanopia #bb002f ≈ 0.0001% of males
Protanomaly #7c3c40 ≈ 1.08% of males
Deuteranomaly #89513e ≈ 4.63% of males
Tritanomaly #b40337 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-aa2240 {
  color: #aa2240;
}
Background
.bg-aa2240 {
  background-color: #aa2240;
  color: #ffffff;
}
Border
.border-aa2240 {
  border: 2px solid #aa2240;
}
CSS variables
:root {
  --color-primary: #aa2240;
  --color-primary-rgb: 170 34 64;
  --color-primary-hsl: 347 67% 40%;
}
Gradient
.gradient-aa2240 {
  background: linear-gradient(135deg, #aa2240, #aa4822);
}
Colored shadow
.shadow-aa2240 {
  box-shadow: 0 8px 24px rgb(170 34 64 / 0.35);
}

#9f1d35 Vivid Burgundy ΔE 3.12 #c41e3a Cardinal ΔE 6.42 #893f45 Cordovan ΔE 7.83 #a52a2a Brown ΔE 7.92 #a52a2a Auburn ΔE 7.92 #7f1734 Claret ΔE 9.21 #cb4154 Brick Red ΔE 9.72 #55ddbf Inverted #595959 Grayscale 

Vivid Burgundy
#aa2240  rgb(170, 34, 64)  hsl(347, 67%, 40%)  Vivid Burgundy
#22aa8c  rgb(34, 170, 140)  hsl(167, 67%, 40%)  Jungle Green
#40aa22  rgb(64, 170, 34)  hsl(107, 67%, 40%)  Kelly Green
#2240aa  rgb(34, 64, 170)  hsl(227, 67%, 40%)  Persian Blue