命名颜色 · #DE0300
Anarchy
Anarchy 即 #DE0300：rgb(222 3 0)、hsl(1 100% 44%)、oklch(0.566 0.231 29.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Anarchy color name →
#DE0300
oklch(0.566 0.231 29.4)
颜色转换
- HEX
- #de0300
- RGB
- rgb(222 3 0)
- HSL
- hsl(1 100% 44%)
- HWB
- hwb(1 0% 13%)
- OKLCH
- oklch(0.566 0.231 29.4)
- OKLab
- oklab(0.566 0.202 0.113)
- CIE Lab
- lab(47.39 72.53 62.96)
- LCH
- lch(47.39 96.05 41)
- CMYK
- cmyk(0% 99% 100% 13%)
浅色调 · 深色调 · 灰色调
浅色调
- E53B2D
- EB5848
- F1705F
- F68676
- FA9B8D
- FDB0A3
- FFC4BA
- FFD8D1
- FFEBE8
深色调
- C10200
- A50200
- 890100
- 6F0100
- 550000
- 3D0000
- 260000
- 120000
- 020000
灰色调
- D72B1F
- CF3D2F
- C74A3C
- BE5547
- B65E52
- AC665C
- A36E65
- 98746E
- 8D7A77
配色和谐
互补色 +180°
- DE0300
Anarchy
- 008595
≈ Painted Sea
类似色 -30° +30°
- DE0300
Anarchy
- D50072
≈ Moth Orchid
- AE5F00
≈ Orange Brown
三角配色 +120° +240°
- DE0300
Anarchy
- 008E3D
≈ Viper Green
- 4460FB
≈ Blue Titmouse
分裂互补色 +150° +210°
- DE0300
Anarchy
- 008A78
≈ Emerald Enchantment
- 007EB9
≈ Meissen Blue
四角配色 +90° +180° +270°
对比度与无障碍
Ag
AA白底
WCAG 5.09:1 · APCA Lc 72
Ag
Fail黑底
WCAG 4.11:1 · APCA Lc 29
最佳文字颜色: #FFFFFF
WCAG 5.09:1 (AA) · APCA Lc 72
Contrast pairs
代码片段
CSS
:root {
--anarchy: #de0300;
--anarchy-rgb: 222 3 0;
--anarchy-oklch: oklch(0.566 0.231 29.4);
}
.element {
color: var(--anarchy);
background-color: hsl(1 100% 44%);
border-color: oklch(0.566 0.231 29.4);
}Tailwind CSS v4
@theme {
--color-anarchy: #de0300;
--color-anarchy-50: #ffddcd;
--color-anarchy-100: #ffcbb8;
--color-anarchy-200: #ffad96;
--color-anarchy-300: #ff8369;
--color-anarchy-400: #ff5644;
--color-anarchy-500: #fb0000;
--color-anarchy-600: #d41008;
--color-anarchy-700: #ab1008;
--color-anarchy-800: #80060b;
--color-anarchy-900: #5b0607;
--color-anarchy-950: #3d0000;
}SCSS
$anarchy: #de0300;
$anarchy-rgb: 222, 3, 0;
$anarchy-light: mix(#fff, $anarchy, 20%);
$anarchy-dark: mix(#000, $anarchy, 20%);
.element {
color: $anarchy;
box-shadow: 0 0 0 2px rgba($anarchy, 0.35);
}