ColorTool
Log in
#BB1D2B

#bb1d2b ≈ Firebrick

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

#bb1d2b is a color from the red family, with medium lightness and strong saturation. In the RGB model it is made of 73.33% red, 11.37% green and 16.86% blue; printed in CMYK it uses 0% cyan, 84.49% magenta, 77.01% yellow and 26.67% black. Its hue angle is 354.68°, with 73.15% saturation and 42.35% 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.32:1 (WCAG AA). The closest named color is Firebrick (#b22222), ΔE 2.98.

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

Complementary

  1. #bb1d2b
  2. #1dbbad

Split complementary

  1. #bb1d2b
  2. #1dbb5e
  3. #1d7abb

Analogous

  1. #bb1d7a
  2. #bb1d2b
  3. #bb5e1d

Triadic

  1. #bb1d2b
  2. #2bbb1d
  3. #1d2bbb

Tetradic

  1. #bb1d2b
  2. #bbad1d
  3. #1dbbad
  4. #1d2bbb

Square

  1. #bb1d2b
  2. #7abb1d
  3. #1dbbad
  4. #5e1dbb

Monochromatic

  1. #37080d
  2. #79131c
  3. #bb1d2b
  4. #e24351
  5. #ec858e

Shades

#bb1d2b mixed progressively with black.

  1. #bb1d2b
  2. #a81a27
  3. #961722
  4. #83141e
  5. #70111a
  6. #5e0f16
  7. #4b0c11
  8. #38090d
  9. #250609
  10. #130304
  11. #000000

Tints

#bb1d2b mixed progressively with white.

  1. #bb1d2b
  2. #c23440
  3. #c94a55
  4. #cf616b
  5. #d67780
  6. #dd8e95
  7. #e4a5aa
  8. #ebbbbf
  9. #f1d2d5
  10. #f8e8ea
  11. #ffffff

Tones

#bb1d2b mixed progressively with gray.

  1. #bb1d2b
  2. #b52734
  3. #af313c
  4. #a93b45
  5. #a3454d
  6. #9e4f56
  7. #98585e
  8. #926267
  9. #8c6c6f
  10. #867678
  11. #808080

Readable text 6.32:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Readable text 3.32:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Achromatopsia #606060 ≈ 0.003% of males
Achromatomaly #8e4d50 ≈ 0.001% of males
Protanopia #524a2a ≈ 1.01% of males
Deuteranopia #786c24 ≈ 1.27% of males
Tritanopia #ce0025 ≈ 0.0001% of males
Protanomaly #893d2a ≈ 1.08% of males
Deuteranomaly #975627 ≈ 4.63% of males
Tritanomaly #c70027 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-bb1d2b {
  color: #bb1d2b;
}
Background
.bg-bb1d2b {
  background-color: #bb1d2b;
  color: #ffffff;
}
Border
.border-bb1d2b {
  border: 2px solid #bb1d2b;
}
CSS variables
:root {
  --color-primary: #bb1d2b;
  --color-primary-rgb: 187 29 43;
  --color-primary-hsl: 355 73% 42%;
}
Gradient
.gradient-bb1d2b {
  background: linear-gradient(135deg, #bb1d2b, #bb5e1d);
}
Colored shadow
.shadow-bb1d2b {
  box-shadow: 0 8px 24px rgb(187 29 43 / 0.35);
}

#b22222 Firebrick ΔE 2.98 #a52a2a Brown ΔE 4.03 #a52a2a Auburn ΔE 4.03 #b31b1b Cornell Red ΔE 4.06 #c41e3a Cardinal ΔE 4.07 #ce2029 Fire Engine Red ΔE 4.46 #cf1020 Lava ΔE 4.87 #44e2d4 Inverted #606060 Grayscale 

Firebrick
#bb1d2b  rgb(187, 29, 43)  hsl(355, 73%, 42%)  Firebrick
#1dbbad  rgb(29, 187, 173)  hsl(175, 73%, 42%)  Light Sea Green
#2bbb1d  rgb(43, 187, 29)  hsl(115, 73%, 42%)  Kelly Green
#1d2bbb  rgb(29, 43, 187)  hsl(235, 73%, 42%)  Persian Blue