ColorTool
Log in
#B32220

#b32220 ≈ Firebrick

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

#b32220 is a color from the red family, with medium lightness and strong saturation. In the RGB model it is made of 70.2% red, 13.33% green and 12.55% blue; printed in CMYK it uses 0% cyan, 81.01% magenta, 82.12% yellow and 29.8% black. Its hue angle is 0.82°, with 69.67% saturation and 41.37% 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.63:1 (WCAG AA). The closest named color is Firebrick (#b22222), ΔE 0.62.

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

Complementary

  1. #b32220
  2. #20b1b3

Split complementary

  1. #b32220
  2. #20b36c
  3. #2067b3

Analogous

  1. #b32067
  2. #b32220
  3. #b36c20

Triadic

  1. #b32220
  2. #20b322
  3. #2220b3

Tetradic

  1. #b32220
  2. #b1b320
  3. #20b1b3
  4. #2220b3

Square

  1. #b32220
  2. #67b320
  3. #20b1b3
  4. #6c20b3

Monochromatic

  1. #310909
  2. #721614
  3. #b32220
  4. #dd4442
  5. #e98583

Shades

#b32220 mixed progressively with black.

  1. #b32220
  2. #a11f1d
  3. #8f1b1a
  4. #7d1816
  5. #6b1413
  6. #5a1110
  7. #480e0d
  8. #360a0a
  9. #240706
  10. #120303
  11. #000000

Tints

#b32220 mixed progressively with white.

  1. #b32220
  2. #bb3836
  3. #c24e4d
  4. #ca6463
  5. #d17a79
  6. #d99190
  7. #e1a7a6
  8. #e8bdbc
  9. #f0d3d2
  10. #f7e9e9
  11. #ffffff

Tones

#b32220 mixed progressively with gray.

  1. #b32220
  2. #ae2b2a
  3. #a93533
  4. #a43e3d
  5. #9f4846
  6. #9a5150
  7. #945a5a
  8. #8f6463
  9. #8a6d6d
  10. #857776
  11. #808080

Readable text 6.63:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Readable text 3.17:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Achromatopsia #5d5d5d ≈ 0.003% of males
Achromatomaly #884c4b ≈ 0.001% of males
Protanopia #51481e ≈ 1.01% of males
Deuteranopia #746818 ≈ 1.27% of males
Tritanopia #c60024 ≈ 0.0001% of males
Protanomaly #843c1f ≈ 1.08% of males
Deuteranomaly #92541c ≈ 4.63% of males
Tritanomaly #be0022 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-b32220 {
  color: #b32220;
}
Background
.bg-b32220 {
  background-color: #b32220;
  color: #ffffff;
}
Border
.border-b32220 {
  border: 2px solid #b32220;
}
CSS variables
:root {
  --color-primary: #b32220;
  --color-primary-rgb: 179 34 32;
  --color-primary-hsl: 1 70% 41%;
}
Gradient
.gradient-b32220 {
  background: linear-gradient(135deg, #b32220, #b36c20);
}
Colored shadow
.shadow-b32220 {
  box-shadow: 0 8px 24px rgb(179 34 32 / 0.35);
}

#b22222 Firebrick ΔE 0.62 #b31b1b Cornell Red ΔE 0.93 #a52a2a Brown ΔE 3.64 #a52a2a Auburn ΔE 3.64 #c80815 Venetian Red ΔE 4.08 #cf1020 Lava ΔE 5.07 #a81c07 Rufous ΔE 5.08 #4cdddf Inverted #5d5d5d Grayscale 

Firebrick
#b32220  rgb(179, 34, 32)  hsl(1, 70%, 41%)  Firebrick
#20b1b3  rgb(32, 177, 179)  hsl(181, 70%, 41%)  Verdigris
#20b322  rgb(32, 179, 34)  hsl(121, 70%, 41%)  Kelly Green
#2220b3  rgb(34, 32, 179)  hsl(241, 70%, 41%)  Zaffre