命名颜色 · #F4CF95
Impala
Impala 即 #F4CF95：rgb(244 207 149)、hsl(37 81% 77%)、oklch(0.873 0.085 78.5)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Impala color name →
#F4CF95
oklch(0.873 0.085 78.5)
颜色转换
- HEX
- #f4cf95
- RGB
- rgb(244 207 149)
- HSL
- hsl(37 81% 77%)
- HWB
- hwb(37 58% 4%)
- OKLCH
- oklch(0.873 0.085 78.5)
- OKLab
- oklab(0.873 0.017 0.083)
- CIE Lab
- lab(85.34 7.74 33.94)
- LCH
- lch(85.34 34.82 77.1)
- CMYK
- cmyk(0% 15% 39% 4%)
浅色调 · 深色调 · 灰色调
浅色调
- F5D4A0
- F6D9AB
- F8DEB6
- F9E2C0
- FAE7CB
- FBECD5
- FCF1E0
- FDF6EA
- FEFAF5
深色调
- D4B481
- B5996D
- 977F5A
- 7A6748
- 5E4F37
- 443826
- 2B2316
- 141008
- 030201
灰色调
- E8C793
- DCBF92
- D0B790
- C4AF8E
- B9A78C
- AD9F8A
- A29788
- 968F85
- 8B8883
配色和谐
互补色 +180°
- F4CF95
Impala
- BCD7FF
≈ Oh Boy!
类似色 -30° +30°
- F4CF95
Impala
- FFC7AB
≈ Antique Coral
- DADA98
≈ Chalcedony
三角配色 +120° +240°
- F4CF95
Impala
- 8EE7EA
≈ Aqua Fiesta
- EDC4FA
≈ Aquarelle Lilac
分裂互补色 +150° +210°
- F4CF95
Impala
- 9DE0FF
≈ Columbia Blue
- D3CFFF
≈ Pale Lavender
四角配色 +90° +180° +270°
对比度与无障碍
Ag
Fail白底
WCAG 1.47:1 · APCA Lc 23
Ag
AAA黑底
WCAG 14.20:1 · APCA Lc 81
最佳文字颜色: #000000
WCAG 14.20:1 (AAA) · APCA Lc 81
Contrast pairs
代码片段
CSS
:root {
--impala: #f4cf95;
--impala-rgb: 244 207 149;
--impala-oklch: oklch(0.873 0.085 78.5);
}
.element {
color: var(--impala);
background-color: hsl(37 81% 77%);
border-color: oklch(0.873 0.085 78.5);
}Tailwind CSS v4
@theme {
--color-impala: #f4cf95;
--color-impala-50: #fff3da;
--color-impala-100: #f7e6c9;
--color-impala-200: #e7d1ac;
--color-impala-300: #ceb386;
--color-impala-400: #ba9963;
--color-impala-500: #a57f40;
--color-impala-600: #8b6c37;
--color-impala-700: #70562c;
--color-impala-800: #533e1e;
--color-impala-900: #3a2b14;
--color-impala-950: #241806;
}SCSS
$impala: #f4cf95;
$impala-rgb: 244, 207, 149;
$impala-light: mix(#fff, $impala, 20%);
$impala-dark: mix(#000, $impala, 20%);
.element {
color: $impala;
box-shadow: 0 0 0 2px rgba($impala, 0.35);
}