最接近的命名颜色 · #D9090E
#D9090E
最接近的命名颜色: Redsurrection
#D9090E（rgb(217 9 14)、hsl(359 92% 44%)、oklch(0.558 0.226 28.5)）最接近命名颜色 Redsurrection。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#D9090E
oklch(0.558 0.226 28.5)
颜色转换
- HEX
- #d9090e
- RGB
- rgb(217 9 14)
- HSL
- hsl(359 92% 44%)
- HWB
- hwb(359 4% 15%)
- OKLCH
- oklch(0.558 0.226 28.5)
- OKLab
- oklab(0.558 0.198 0.108)
- CIE Lab
- lab(46.53 70.88 57.58)
- LCH
- lch(46.53 91.33 39.1)
- CMYK
- cmyk(0% 96% 94% 15%)
浅色调 · 深色调 · 灰色调
浅色调
- E03C31
- E7584A
- ED7061
- F28678
- F79B8E
- FAAFA4
- FDC3BB
- FFD7D1
- FFEBE8
深色调
- BC070B
- A10507
- 860305
- 6C0203
- 530102
- 3B0101
- 250000
- 110000
- 020000
灰色调
- D22C24
- CB3D32
- C34A3E
- BB5549
- B35E53
- AA665C
- A16D66
- 97746F
- 8C7A77
配色和谐
互补色 +180°
- D9090E
Redsurrection
- 008392
≈ True Teal
类似色 -30° +30°
- D9090E
Redsurrection
- D00472
≈ Moth Orchid
- AC5D00
≈ Raw Umber
三角配色 +120° +240°
- D9090E
Redsurrection
- 008C38
≈ Cold Green
- 4060F5
≈ Secret of Mana
分裂互补色 +150° +210°
- D9090E
Redsurrection
- 008775
≈ Summer Turquoise
- 007CB4
≈ Artesian Water
四角配色 +90° +180° +270°
- D9090E
Redsurrection
- 6D7E00
≈ Topiary Garden
- 008392
≈ True Teal
- 8945E3
≈ Pericallis Hybrida
对比度与无障碍
Ag
AA白底
WCAG 5.25:1 · APCA Lc 73
Ag
Fail黑底
WCAG 3.99:1 · APCA Lc 28
最佳文字颜色: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 73
Contrast pairs
代码片段
CSS
:root {
--redsurrection: #d9090e;
--redsurrection-rgb: 217 9 14;
--redsurrection-oklch: oklch(0.558 0.226 28.5);
}
.element {
color: var(--redsurrection);
background-color: hsl(359 92% 44%);
border-color: oklch(0.558 0.226 28.5);
}Tailwind CSS v4
@theme {
--color-redsurrection: #d9090e;
--color-redsurrection-50: #ffdecf;
--color-redsurrection-100: #ffccbb;
--color-redsurrection-200: #ffae99;
--color-redsurrection-300: #ff846e;
--color-redsurrection-400: #ff594a;
--color-redsurrection-500: #f81315;
--color-redsurrection-600: #d21916;
--color-redsurrection-700: #a91512;
--color-redsurrection-800: #7e0b10;
--color-redsurrection-900: #5a080a;
--color-redsurrection-950: #3c0001;
}SCSS
$redsurrection: #d9090e;
$redsurrection-rgb: 217, 9, 14;
$redsurrection-light: mix(#fff, $redsurrection, 20%);
$redsurrection-dark: mix(#000, $redsurrection, 20%);
.element {
color: $redsurrection;
box-shadow: 0 0 0 2px rgba($redsurrection, 0.35);
}