命名颜色 · #950C1B
Sacred Scarlet
Sacred Scarlet 即 #950C1B：rgb(149 12 27)、hsl(353 85% 32%)、oklch(0.427 0.166 24.3)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Sacred Scarlet color name →
#950C1B
oklch(0.427 0.166 24.3)
颜色转换
- HEX
- #950c1b
- RGB
- rgb(149 12 27)
- HSL
- hsl(353 85% 32%)
- HWB
- hwb(353 5% 42%)
- OKLCH
- oklch(0.427 0.166 24.3)
- OKLab
- oklab(0.427 0.151 0.068)
- CIE Lab
- lab(31.85 52.78 33.18)
- LCH
- lch(31.85 62.34 32.2)
- CMYK
- cmyk(0% 92% 82% 42%)
浅色调 · 深色调 · 灰色调
浅色调
- A23132
- AF4A47
- BB625D
- C77873
- D28E89
- DCA5A0
- E6BBB7
- EFD1CF
- F7E8E7
深色调
- 810916
- 6D0611
- 5A040C
- 480308
- 370205
- 260102
- 160001
- 080000
- 010000
灰色调
- 952327
- 953231
- 943E3C
- 934945
- 91534F
- 8F5D59
- 8C6663
- 896F6C
- 857776
配色和谐
互补色 +180°
- 950C1B
Sacred Scarlet
- 005A61
≈ Entrapment
类似色 -30° +30°
- 950C1B
Sacred Scarlet
- 8D0F55
≈ Reddish Purple
- 7A3B00
≈ Red Beech
三角配色 +120° +240°
- 950C1B
Sacred Scarlet
- 006111
≈ Thuja Green
- 1E45A8
≈ Soulstone Blue
分裂互补色 +150° +210°
- 950C1B
Sacred Scarlet
- 005D4C
≈ Evergreen
- 005678
≈ Studer Blue
四角配色 +90° +180° +270°
- 950C1B
Sacred Scarlet
- 4E5400
≈ Douro
- 005A61
≈ Entrapment
- 58329E
≈ Royalty
对比度与无障碍
Ag
AAA白底
WCAG 8.95:1 · APCA Lc 89
Ag
Fail黑底
WCAG 2.34:1 · APCA Lc 14
最佳文字颜色: #FFFFFF
WCAG 8.95:1 (AAA) · APCA Lc 89
Contrast pairs
代码片段
CSS
:root {
--sacred-scarlet: #950c1b;
--sacred-scarlet-rgb: 149 12 27;
--sacred-scarlet-oklch: oklch(0.427 0.166 24.3);
}
.element {
color: var(--sacred-scarlet);
background-color: hsl(353 85% 32%);
border-color: oklch(0.427 0.166 24.3);
}Tailwind CSS v4
@theme {
--color-sacred-scarlet: #950c1b;
--color-sacred-scarlet-50: #ffe4dc;
--color-sacred-scarlet-100: #ffd3cb;
--color-sacred-scarlet-200: #ffb9af;
--color-sacred-scarlet-300: #ff948a;
--color-sacred-scarlet-400: #f1726c;
--color-sacred-scarlet-500: #df4c4c;
--color-sacred-scarlet-600: #bc4241;
--color-sacred-scarlet-700: #973534;
--color-sacred-scarlet-800: #712527;
--color-sacred-scarlet-900: #50191a;
--color-sacred-scarlet-950: #35080a;
}SCSS
$sacred-scarlet: #950c1b;
$sacred-scarlet-rgb: 149, 12, 27;
$sacred-scarlet-light: mix(#fff, $sacred-scarlet, 20%);
$sacred-scarlet-dark: mix(#000, $sacred-scarlet, 20%);
.element {
color: $sacred-scarlet;
box-shadow: 0 0 0 2px rgba($sacred-scarlet, 0.35);
}