命名颜色 · #890A01
Roasted Pepper
Roasted Pepper 即 #890A01：rgb(137 10 1)、hsl(4 99% 27%)、oklch(0.4 0.158 30.2)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Roasted Pepper color name →
#890A01
oklch(0.4 0.158 30.2)
颜色转换
- HEX
- #890a01
- RGB
- rgb(137 10 1)
- HSL
- hsl(4 99% 27%)
- HWB
- hwb(4 0% 46%)
- OKLCH
- oklch(0.4 0.158 30.2)
- OKLab
- oklab(0.4 0.137 0.08)
- CIE Lab
- lab(28.86 49.33 42.23)
- LCH
- lch(28.86 64.93 40.6)
- CMYK
- cmyk(0% 93% 99% 46%)
浅色调 · 深色调 · 灰色调
浅色调
- 972E22
- A5483A
- B25F52
- BF7669
- CB8C81
- D6A399
- E1B9B2
- ECD0CB
- F6E8E5
深色调
- 760701
- 640501
- 530300
- 420200
- 310100
- 220100
- 140000
- 070000
- 010000
灰色调
- 8A2116
- 8B3024
- 8B3C31
- 8B473C
- 8B5148
- 8A5B53
- 88655E
- 866E69
- 837775
配色和谐
互补色 +180°
- 890A01
Roasted Pepper
- 00515C
≈ Kali Blue
类似色 -30° +30°
- 890A01
Roasted Pepper
- 840644
≈ Renanthera Orchid
- 6B3900
≈ Bestial Brown
三角配色 +120° +240°
- 890A01
Roasted Pepper
- 005725
≈ Caliban Green
- 2A3A9B
≈ Liquid Denim
分裂互补色 +150° +210°
- 890A01
Roasted Pepper
- 005449
≈ Breathe Deeply
- 004D74
≈ Dignity Blue
四角配色 +90° +180° +270°
- 890A01
Roasted Pepper
- 414F00
≈ No Emissions Green
- 00515C
≈ Kali Blue
- 57298E
≈ Night Fever
对比度与无障碍
Ag
AAA白底
WCAG 9.96:1 · APCA Lc 91
Ag
Fail黑底
WCAG 2.10:1 · APCA Lc 11
最佳文字颜色: #FFFFFF
WCAG 9.96:1 (AAA) · APCA Lc 91
Contrast pairs
代码片段
CSS
:root {
--roasted-pepper: #890a01;
--roasted-pepper-rgb: 137 10 1;
--roasted-pepper-oklch: oklch(0.4 0.158 30.2);
}
.element {
color: var(--roasted-pepper);
background-color: hsl(4 99% 27%);
border-color: oklch(0.4 0.158 30.2);
}Tailwind CSS v4
@theme {
--color-roasted-pepper: #890a01;
--color-roasted-pepper-50: #ffe5d9;
--color-roasted-pepper-100: #ffd5c7;
--color-roasted-pepper-200: #ffbbaa;
--color-roasted-pepper-300: #fe9883;
--color-roasted-pepper-400: #ed7664;
--color-roasted-pepper-500: #db5341;
--color-roasted-pepper-600: #b94738;
--color-roasted-pepper-700: #95392c;
--color-roasted-pepper-800: #6f2821;
--color-roasted-pepper-900: #4e1b16;
--color-roasted-pepper-950: #340a07;
}SCSS
$roasted-pepper: #890a01;
$roasted-pepper-rgb: 137, 10, 1;
$roasted-pepper-light: mix(#fff, $roasted-pepper, 20%);
$roasted-pepper-dark: mix(#000, $roasted-pepper, 20%);
.element {
color: $roasted-pepper;
box-shadow: 0 0 0 2px rgba($roasted-pepper, 0.35);
}