ColorTool
Log in
#B4241D

#b4241d ≈ Cornell Red

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

#b4241d is a color from the red family, with medium lightness and strong saturation. In the RGB model it is made of 70.59% red, 14.12% green and 11.37% blue; printed in CMYK it uses 0% cyan, 80% magenta, 83.89% yellow and 29.41% black. Its hue angle is 2.78°, with 72.25% saturation and 40.98% 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.54:1 (WCAG AA). The closest named color is Cornell Red (#b31b1b), ΔE 1.17.

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.1105

Complementary

  1. #b4241d
  2. #1dadb4

Split complementary

  1. #b4241d
  2. #1db46f
  3. #1d62b4

Analogous

  1. #b41d62
  2. #b4241d
  3. #b46f1d

Triadic

  1. #b4241d
  2. #1db424
  3. #241db4

Tetradic

  1. #b4241d
  2. #adb41d
  3. #1dadb4
  4. #241db4

Square

  1. #b4241d
  2. #62b41d
  3. #1dadb4
  4. #6f1db4

Monochromatic

  1. #300a08
  2. #721712
  3. #b4241d
  4. #e0453e
  5. #ea8480

Shades

#b4241d mixed progressively with black.

  1. #b4241d
  2. #a2201a
  3. #901d17
  4. #7e1914
  5. #6c1611
  6. #5a120f
  7. #480e0c
  8. #360b09
  9. #240706
  10. #120403
  11. #000000

Tints

#b4241d mixed progressively with white.

  1. #b4241d
  2. #bc3a34
  3. #c3504a
  4. #cb6661
  5. #d27c77
  6. #da928e
  7. #e1a7a5
  8. #e9bdbb
  9. #f0d3d2
  10. #f8e9e8
  11. #ffffff

Tones

#b4241d mixed progressively with gray.

  1. #b4241d
  2. #af2d27
  3. #aa3631
  4. #a4403b
  5. #9f4945
  6. #9a524f
  7. #955b58
  8. #906462
  9. #8a6e6c
  10. #857776
  11. #808080

Readable text 6.54:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Readable text 3.21:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Achromatopsia #5d5d5d ≈ 0.003% of males
Achromatomaly #894d4b ≈ 0.001% of males
Protanopia #53491a ≈ 1.01% of males
Deuteranopia #766915 ≈ 1.27% of males
Tritanopia #c70025 ≈ 0.0001% of males
Protanomaly #853e1b ≈ 1.08% of males
Deuteranomaly #935518 ≈ 4.63% of males
Tritanomaly #c00022 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-b4241d {
  color: #b4241d;
}
Background
.bg-b4241d {
  background-color: #b4241d;
  color: #ffffff;
}
Border
.border-b4241d {
  border: 2px solid #b4241d;
}
CSS variables
:root {
  --color-primary: #b4241d;
  --color-primary-rgb: 180 36 29;
  --color-primary-hsl: 3 72% 41%;
}
Gradient
.gradient-b4241d {
  background: linear-gradient(135deg, #b4241d, #b46f1d);
}
Colored shadow
.shadow-b4241d {
  box-shadow: 0 8px 24px rgb(180 36 29 / 0.35);
}

#b31b1b Cornell Red ΔE 1.17 #b22222 Firebrick ΔE 1.73 #c80815 Venetian Red ΔE 3.57 #a81c07 Rufous ΔE 4.40 #a52a2a Brown ΔE 4.55 #a52a2a Auburn ΔE 4.55 #cf1020 Lava ΔE 4.94 #4bdbe2 Inverted #5d5d5d Grayscale 

Cornell Red
#b4241d  rgb(180, 36, 29)  hsl(3, 72%, 41%)  Cornell Red
#1dadb4  rgb(29, 173, 180)  hsl(183, 72%, 41%)  Verdigris
#1db424  rgb(29, 180, 36)  hsl(123, 72%, 41%)  Kelly Green
#241db4  rgb(36, 29, 180)  hsl(243, 72%, 41%)  Zaffre