Benannte Farbe · #C9001E
Marilyn MonRouge
Marilyn MonRouge ist #C9001E: rgb(201 0 30), hsl(351 100% 39%), oklch(0.526 0.214 25.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Marilyn MonRouge color name →
#C9001E
oklch(0.526 0.214 25.4)
Farbumrechnungen
- HEX
- #c9001e
- RGB
- rgb(201 0 30)
- HSL
- hsl(351 100% 39%)
- HWB
- hwb(351 0% 21%)
- OKLCH
- oklch(0.526 0.214 25.4)
- OKLab
- oklab(0.526 0.193 0.092)
- CIE Lab
- lab(42.87 67.81 46.25)
- LCH
- lch(42.87 82.08 34.3)
- CMYK
- cmyk(0% 100% 85% 21%)
Tints · Shades · Tones
Tints
- D23738
- DA534E
- E26B64
- E9817A
- EE978F
- F4ACA5
- F8C1BB
- FBD6D1
- FEEAE8
Shades
- AE0019
- 950013
- 7C000E
- 640009
- 4C0005
- 360003
- 220001
- 0F0000
- 020000
Tones
- C4262C
- BE3837
- B84641
- B2514B
- AB5A54
- A4635D
- 9C6B66
- 94726F
- 8A7977
Farbharmonien
Komplementär +180°
- C9001E
Marilyn MonRouge
- 007984
≈ Mediterranean Cove
Analog -30° +30°
- C9001E
Marilyn MonRouge
- BF0670
≈ Infectious Love
- A25200
≈ Windsor Brown
Triadisch +120° +240°
- C9001E
Marilyn MonRouge
- 008223
≈ Azure Radiance
- 2D5BE3
≈ Veteran’s Day Blue
Geteilt komplementär +150° +210°
- C9001E
Marilyn MonRouge
- 007D68
≈ Mediaeval Forest
- 0074A2
≈ Quarterdeck
Tetradisch +90° +180° +270°
- C9001E
Marilyn MonRouge
- 697200
≈ Spinach Soup
- 007984
≈ Mediterranean Cove
- 7941D5
≈ Aconite Purple
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.99:1 · APCA Lc 77
Ag
FailAuf Schwarz
WCAG 3.50:1 · APCA Lc 25
Beste Textfarbe: #FFFFFF
WCAG 5.99:1 (AA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--marilyn-monrouge: #c9001e;
--marilyn-monrouge-rgb: 201 0 30;
--marilyn-monrouge-oklch: oklch(0.526 0.214 25.4);
}
.element {
color: var(--marilyn-monrouge);
background-color: hsl(351 100% 39%);
border-color: oklch(0.526 0.214 25.4);
}Tailwind CSS v4
@theme {
--color-marilyn-monrouge: #c9001e;
--color-marilyn-monrouge-50: #ffded4;
--color-marilyn-monrouge-100: #ffcdc1;
--color-marilyn-monrouge-200: #ffafa2;
--color-marilyn-monrouge-300: #ff8779;
--color-marilyn-monrouge-400: #ff5d59;
--color-marilyn-monrouge-500: #f32532;
--color-marilyn-monrouge-600: #ce242c;
--color-marilyn-monrouge-700: #a51d22;
--color-marilyn-monrouge-800: #7c121b;
--color-marilyn-monrouge-900: #580c11;
--color-marilyn-monrouge-950: #3b0004;
}SCSS
$marilyn-monrouge: #c9001e;
$marilyn-monrouge-rgb: 201, 0, 30;
$marilyn-monrouge-light: mix(#fff, $marilyn-monrouge, 20%);
$marilyn-monrouge-dark: mix(#000, $marilyn-monrouge, 20%);
.element {
color: $marilyn-monrouge;
box-shadow: 0 0 0 2px rgba($marilyn-monrouge, 0.35);
}