Benannte Farbe · #B8292B
Baton Rouge
Baton Rouge ist #B8292B: rgb(184 41 43), hsl(359 64% 44%), oklch(0.514 0.179 25.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Baton Rouge color name →
#B8292B
oklch(0.514 0.179 25.6)
Farbumrechnungen
- HEX
- #b8292b
- RGB
- rgb(184 41 43)
- HSL
- hsl(359 64% 44%)
- HWB
- hwb(359 16% 28%)
- OKLCH
- oklch(0.514 0.179 25.6)
- OKLab
- oklab(0.514 0.162 0.078)
- CIE Lab
- lab(41.85 56.65 36.5)
- LCH
- lch(41.85 67.39 32.8)
- CMYK
- cmyk(0% 78% 77% 28%)
Tints · Shades · Tones
Tints
- C24541
- CB5C55
- D4716A
- DC867E
- E49A93
- EBAEA8
- F1C2BD
- F6D6D3
- FBEBE9
Shades
- A02224
- 881C1D
- 711516
- 5B0F10
- 45090A
- 310505
- 1E0202
- 0C0101
- 020000
Tones
- B43835
- B0433E
- AC4D47
- A75650
- A25E58
- 9C6560
- 966D68
- 8F7370
- 887A78
Farbharmonien
Komplementär +180°
- B8292B
Baton Rouge
- 007580
≈ Night Scape
Analog -30° +30°
- B8292B
Baton Rouge
- B0296B
≈ Rich Maroon
- 9C5000
≈ Burnt Bagel
Triadisch +120° +240°
- B8292B
Baton Rouge
- 007D23
≈ Azure Radiance
- 355DCC
≈ Free Speech Blue
Geteilt komplementär +150° +210°
- B8292B
Baton Rouge
- 007965
≈ Shady Glade
- 00709D
≈ Tofino Belue
Tetradisch +90° +180° +270°
- B8292B
Baton Rouge
- 656F00
≈ Brownish Green
- 007580
≈ Night Scape
- 7348C0
≈ Purple Rain
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.19:1 · APCA Lc 79
Ag
FailAuf Schwarz
WCAG 3.39:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 6.19:1 (AA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--baton-rouge: #b8292b;
--baton-rouge-rgb: 184 41 43;
--baton-rouge-oklch: oklch(0.514 0.179 25.6);
}
.element {
color: var(--baton-rouge);
background-color: hsl(359 64% 44%);
border-color: oklch(0.514 0.179 25.6);
}Tailwind CSS v4
@theme {
--color-baton-rouge: #b8292b;
--color-baton-rouge-50: #ffe2d9;
--color-baton-rouge-100: #ffd2c7;
--color-baton-rouge-200: #ffb6aa;
--color-baton-rouge-300: #ff9184;
--color-baton-rouge-400: #f66d65;
--color-baton-rouge-500: #e54543;
--color-baton-rouge-600: #c13c39;
--color-baton-rouge-700: #9b302d;
--color-baton-rouge-800: #742122;
--color-baton-rouge-900: #521617;
--color-baton-rouge-950: #360608;
}SCSS
$baton-rouge: #b8292b;
$baton-rouge-rgb: 184, 41, 43;
$baton-rouge-light: mix(#fff, $baton-rouge, 20%);
$baton-rouge-dark: mix(#000, $baton-rouge, 20%);
.element {
color: $baton-rouge;
box-shadow: 0 0 0 2px rgba($baton-rouge, 0.35);
}