最接近的命名颜色 · #9F2120
#9F2120
最接近的命名颜色: Rustic Rouge
#9F2120（rgb(159 33 32)、hsl(0 66% 37%)、oklch(0.46 0.162 26.7)）最接近命名颜色 Rustic Rouge。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#9F2120
oklch(0.46 0.162 26.7)
颜色转换
- HEX
- #9f2120
- RGB
- rgb(159 33 32)
- HSL
- hsl(0 66% 37%)
- HWB
- hwb(0 13% 38%)
- OKLCH
- oklch(0.46 0.162 26.7)
- OKLab
- oklab(0.46 0.145 0.073)
- CIE Lab
- lab(35.78 51.07 34.85)
- LCH
- lch(35.78 61.83 34.3)
- CMYK
- cmyk(0% 79% 80% 38%)
浅色调 · 深色调 · 灰色调
浅色调
- AB3D37
- B7544C
- C26A61
- CC7F77
- D6948C
- DFA9A3
- E8BFB9
- F0D4D0
- F8E9E7
深色调
- 8A1B1A
- 751615
- 61100F
- 4D0B0A
- 3B0606
- 290303
- 180101
- 090000
- 010000
灰色调
- 9E302B
- 9C3C36
- 9A463F
- 985049
- 955952
- 92615B
- 8E6965
- 8A716E
- 867977
配色和谐
互补色 +180°
- 9F2120
Rustic Rouge
- 00646E
≈ Peacock Tail
类似色 -30° +30°
- 9F2120
Rustic Rouge
- 98205A
≈ Berry Curious
- 854400
≈ Chocolate Pancakes
三角配色 +120° +240°
- 9F2120
Rustic Rouge
- 006B22
≈ Avagddu Green
- 2F4EB1
≈ Night in Manchester
分裂互补色 +150° +210°
- 9F2120
Rustic Rouge
- 006757
≈ Piney Lake
- 005F88
≈ Blue Flame
四角配色 +90° +180° +270°
- 9F2120
Rustic Rouge
- 555F00
≈ Greensboro
- 00646E
≈ Peacock Tail
- 643CA6
≈ Poppy Pompadour
对比度与无障碍
Ag
AAA白底
WCAG 7.74:1 · APCA Lc 85
Ag
Fail黑底
WCAG 2.71:1 · APCA Lc 17
最佳文字颜色: #FFFFFF
WCAG 7.74:1 (AAA) · APCA Lc 85
Contrast pairs
代码片段
CSS
:root {
--rustic-rouge: #9f2120;
--rustic-rouge-rgb: 159 33 32;
--rustic-rouge-oklch: oklch(0.46 0.162 26.7);
}
.element {
color: var(--rustic-rouge);
background-color: hsl(0 66% 37%);
border-color: oklch(0.46 0.162 26.7);
}Tailwind CSS v4
@theme {
--color-rustic-rouge: #9f2120;
--color-rustic-rouge-50: #ffe5db;
--color-rustic-rouge-100: #ffd4c9;
--color-rustic-rouge-200: #ffbaad;
--color-rustic-rouge-300: #ff9687;
--color-rustic-rouge-400: #ef7469;
--color-rustic-rouge-500: #dd4f48;
--color-rustic-rouge-600: #bb443d;
--color-rustic-rouge-700: #963731;
--color-rustic-rouge-800: #702624;
--color-rustic-rouge-900: #4f1a18;
--color-rustic-rouge-950: #340909;
}SCSS
$rustic-rouge: #9f2120;
$rustic-rouge-rgb: 159, 33, 32;
$rustic-rouge-light: mix(#fff, $rustic-rouge, 20%);
$rustic-rouge-dark: mix(#000, $rustic-rouge, 20%);
.element {
color: $rustic-rouge;
box-shadow: 0 0 0 2px rgba($rustic-rouge, 0.35);
}