Firebrick

firebrick is a CSS color keyword. The closest Tailwind step is red-700 (#b91c1c).

#b22222rgb(178, 34, 34)
Hex
#b22222
RGB
178, 34, 34
HSL
0°, 68%, 42%
OKLCH
49.7% 0.180 26.8
LAB
39.1 55.9 37.6

Open #b22222 in the explorer

Text contrast

Black or white text on #b22222. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text3.1:1 FailAPCA Lc 25
White text6.7:1 AAAPCA Lc -85

Color vision

How #b22222 looks in simulations of color blindness, at full severity.

Full color
#b22222
Protanopia
#514820
Deuteranopia
#74671b
Tritanopia
#c40024

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to firebrick.

50100200300400500600700800900950

Copy into CSS

color: firebrick;
background: #b22222;
@theme {
  --color-firebrick-50: #fff2f0;
  --color-firebrick-100: #ffe0db;
  --color-firebrick-200: #ffbfb7;
  --color-firebrick-300: #ff9085;
  --color-firebrick-400: #f36359;
  --color-firebrick-500: #cf413b;
  --color-firebrick-600: #b01f20;
  --color-firebrick-700: #90000c;
  --color-firebrick-800: #6a0006;
  --color-firebrick-900: #470003;
  --color-firebrick-950: #230001;
}