命名颜色 · #C9001E
Marilyn MonRouge
Marilyn MonRouge 即 #C9001E：rgb(201 0 30)、hsl(351 100% 39%)、oklch(0.526 0.214 25.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Marilyn MonRouge color name →
#C9001E
oklch(0.526 0.214 25.4)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- D23738
- DA534E
- E26B64
- E9817A
- EE978F
- F4ACA5
- F8C1BB
- FBD6D1
- FEEAE8
深色调
- AE0019
- 950013
- 7C000E
- 640009
- 4C0005
- 360003
- 220001
- 0F0000
- 020000
灰色调
- C4262C
- BE3837
- B84641
- B2514B
- AB5A54
- A4635D
- 9C6B66
- 94726F
- 8A7977
配色和谐
互补色 +180°
- C9001E
Marilyn MonRouge
- 007984
≈ Mediterranean Cove
类似色 -30° +30°
- C9001E
Marilyn MonRouge
- BF0670
≈ Infectious Love
- A25200
≈ Windsor Brown
三角配色 +120° +240°
- C9001E
Marilyn MonRouge
- 008223
≈ Azure Radiance
- 2D5BE3
≈ Veteran’s Day Blue
分裂互补色 +150° +210°
- C9001E
Marilyn MonRouge
- 007D68
≈ Mediaeval Forest
- 0074A2
≈ Quarterdeck
四角配色 +90° +180° +270°
- C9001E
Marilyn MonRouge
- 697200
≈ Spinach Soup
- 007984
≈ Mediterranean Cove
- 7941D5
≈ Aconite Purple
对比度与无障碍
Ag
AA白底
WCAG 5.99:1 · APCA Lc 77
Ag
Fail黑底
WCAG 3.50:1 · APCA Lc 25
最佳文字颜色: #FFFFFF
WCAG 5.99:1 (AA) · APCA Lc 77
Contrast pairs
代码片段
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);
}