命名颜色 · #881100
Sangoire Red
Sangoire Red 即 #881100：rgb(136 17 0)、hsl(8 100% 27%)、oklch(0.402 0.154 31.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Sangoire Red color name →
#881100
oklch(0.402 0.154 31.5)
颜色转换
- HEX
- #881100
- RGB
- rgb(136 17 0)
- HSL
- hsl(8 100% 27%)
- HWB
- hwb(8 0% 47%)
- OKLCH
- oklch(0.402 0.154 31.5)
- OKLab
- oklab(0.402 0.131 0.081)
- CIE Lab
- lab(29.11 47.71 42.69)
- LCH
- lch(29.11 64.02 41.8)
- CMYK
- cmyk(0% 88% 100% 47%)
浅色调 · 深色调 · 灰色调
浅色调
- 963121
- A44A3A
- B16152
- BE7769
- CA8D81
- D6A399
- E1BAB2
- EBD1CB
- F5E8E5
深色调
- 750D00
- 630900
- 520600
- 410400
- 310200
- 220100
- 130000
- 060000
- 010000
灰色调
- 892415
- 8A3224
- 8A3E30
- 8A483C
- 8A5248
- 895C53
- 88655E
- 866E69
- 837775
配色和谐
互补色 +180°
- 881100
Sangoire Red
- 00525E
≈ Sandalwood Grey Blue
类似色 -30° +30°
- 881100
Sangoire Red
- 840C42
≈ Midnight Merlot
- 6B3A00
≈ Bestial Brown
三角配色 +120° +240°
- 881100
Sangoire Red
- 005828
≈ Caliban Green
- 2E3B99
≈ Liquid Denim
分裂互补色 +150° +210°
- 881100
Sangoire Red
- 00544B
≈ Plankton Green
- 004D76
≈ Blue Meridian
四角配色 +90° +180° +270°
- 881100
Sangoire Red
- 404F00
≈ Godzilla
- 00525E
≈ Sandalwood Grey Blue
- 582A8C
≈ Night Fever
对比度与无障碍
Ag
AAA白底
WCAG 9.87:1 · APCA Lc 91
Ag
Fail黑底
WCAG 2.12:1 · APCA Lc 11
最佳文字颜色: #FFFFFF
WCAG 9.87:1 (AAA) · APCA Lc 91
Contrast pairs
代码片段
CSS
:root {
--sangoire-red: #881100;
--sangoire-red-rgb: 136 17 0;
--sangoire-red-oklch: oklch(0.402 0.154 31.5);
}
.element {
color: var(--sangoire-red);
background-color: hsl(8 100% 27%);
border-color: oklch(0.402 0.154 31.5);
}Tailwind CSS v4
@theme {
--color-sangoire-red: #881100;
--color-sangoire-red-50: #ffe6d9;
--color-sangoire-red-100: #ffd6c7;
--color-sangoire-red-200: #ffbca9;
--color-sangoire-red-300: #fc9983;
--color-sangoire-red-400: #eb7863;
--color-sangoire-red-500: #d95640;
--color-sangoire-red-600: #b74937;
--color-sangoire-red-700: #933b2c;
--color-sangoire-red-800: #6e2920;
--color-sangoire-red-900: #4e1c15;
--color-sangoire-red-950: #330b07;
}SCSS
$sangoire-red: #881100;
$sangoire-red-rgb: 136, 17, 0;
$sangoire-red-light: mix(#fff, $sangoire-red, 20%);
$sangoire-red-dark: mix(#000, $sangoire-red, 20%);
.element {
color: $sangoire-red;
box-shadow: 0 0 0 2px rgba($sangoire-red, 0.35);
}