Colore con nome · #B4023D
M. Bison
M. Bison è #B4023D: rgb(180 2 61), hsl(340 98% 36%), oklch(0.49 0.195 14.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · M. Bison color name →
#B4023D
oklch(0.49 0.195 14.2)
Conversioni di colore
- HEX
- #b4023d
- RGB
- rgb(180 2 61)
- HSL
- hsl(340 98% 36%)
- HWB
- hwb(340 1% 29%)
- OKLCH
- oklch(0.49 0.195 14.2)
- OKLab
- oklab(0.49 0.189 0.048)
- CIE Lab
- lab(38.69 63.12 21.53)
- LCH
- lch(38.69 66.69 18.8)
- CMYK
- cmyk(0% 99% 66% 29%)
Tinte · Ombre · Toni
Tinte
- BF334F
- C94E61
- D26673
- DB7D86
- E3939A
- EAA8AD
- F1BEC1
- F6D3D5
- FBE9EA
Ombre
- 9C0134
- 85012B
- 6E0122
- 58001A
- 440012
- 30000A
- 1D0004
- 0C0001
- 020000
Toni
- B12444
- AD354B
- AA4251
- A54D58
- A1575F
- 9C6065
- 96696C
- 8F7173
- 887879
Armonie di colore
Complementare +180°
- B4023D
M. Bison
- 006F6F
≈ Caribbean Current
Analogo -30° +30°
- B4023D
M. Bison
- A5177B
≈ Fabric of Love
- 9F3E00
≈ Muddy
Triadico +120° +240°
- B4023D
M. Bison
- 3B7100
≈ Forest Empress
- 005FB6
≈ Greek Flag Blue
Complementare divisa +150° +210°
- B4023D
M. Bison
- 007350
≈ Lush Meadow
- 006B87
≈ Arabian Nights
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.96:1 · APCA Lc 82
Ag
FailSu nero
WCAG 3.01:1 · APCA Lc 20
Miglior colore del testo: #FFFFFF
WCAG 6.96:1 (AA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--m-bison: #b4023d;
--m-bison-rgb: 180 2 61;
--m-bison-oklch: oklch(0.49 0.195 14.2);
}
.element {
color: var(--m-bison);
background-color: hsl(340 98% 36%);
border-color: oklch(0.49 0.195 14.2);
}Tailwind CSS v4
@theme {
--color-m-bison: #b4023d;
--color-m-bison-50: #ffdfe2;
--color-m-bison-100: #ffced2;
--color-m-bison-200: #ffb1b8;
--color-m-bison-300: #ff8a95;
--color-m-bison-400: #fb637a;
--color-m-bison-500: #ea355d;
--color-m-bison-600: #c6304f;
--color-m-bison-700: #9f263f;
--color-m-bison-800: #771930;
--color-m-bison-900: #541120;
--color-m-bison-950: #380210;
}SCSS
$m-bison: #b4023d;
$m-bison-rgb: 180, 2, 61;
$m-bison-light: mix(#fff, $m-bison, 20%);
$m-bison-dark: mix(#000, $m-bison, 20%);
.element {
color: $m-bison;
box-shadow: 0 0 0 2px rgba($m-bison, 0.35);
}