命名颜色 · #E9967A
Kindleflame
Kindleflame 即 #E9967A：rgb(233 150 122)、hsl(15 72% 70%)、oklch(0.751 0.108 39.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Red mean? → · Kindleflame color name →
#E9967A
oklch(0.751 0.108 39.4)
颜色转换
- HEX
- #e9967a
- RGB
- rgb(233 150 122)
- HSL
- hsl(15 72% 70%)
- HWB
- hwb(15 48% 9%)
- OKLCH
- oklch(0.751 0.108 39.4)
- OKLab
- oklab(0.751 0.084 0.069)
- CIE Lab
- lab(70.3 29.89 28.41)
- LCH
- lch(70.3 41.23 43.5)
- CMYK
- cmyk(0% 36% 48% 9%)
浅色调 · 深色调 · 灰色调
浅色调
- ECA187
- EFAB94
- F2B6A2
- F4C0AF
- F7CBBC
- F9D5C9
- FBE0D7
- FCEAE4
- FEF5F1
深色调
- CB8269
- AD6E59
- 905B49
- 74493A
- 5A372B
- 41261D
- 291610
- 130805
- 030101
灰色调
- DF947B
- D4927C
- CA907D
- BF8E7E
- B58C7E
- AB8A7F
- A0877F
- 958580
- 8B8380
配色和谐
互补色 +180°
- E9967A
Kindleflame
- 50BEDD
≈ Azurean
类似色 -30° +30°
- E9967A
Kindleflame
- E9919F
≈ Peony
- DAA15E
≈ Butterscotch Syrup
三角配色 +120° +240°
- E9967A
Kindleflame
- 6CC396
≈ Felt Green
- A0A7F2
≈ Cold Lips
分裂互补色 +150° +210°
- E9967A
Kindleflame
- 49C4BD
≈ Port Hope
- 77B3F0
≈ Fly Away
四角配色 +90° +180° +270°
- E9967A
Kindleflame
- 98BC71
≈ Leticiaz
- 50BEDD
≈ Azurean
- C39BE2
≈ Somewhere in a Fairytale
对比度与无障碍
Ag
Fail白底
WCAG 2.30:1 · APCA Lc 45
Ag
AAA黑底
WCAG 9.10:1 · APCA Lc 57
最佳文字颜色: #000000
WCAG 9.10:1 (AAA) · APCA Lc 57
Contrast pairs
代码片段
CSS
:root {
--kindleflame: #e9967a;
--kindleflame-rgb: 233 150 122;
--kindleflame-oklch: oklch(0.751 0.108 39.4);
}
.element {
color: var(--kindleflame);
background-color: hsl(15 72% 70%);
border-color: oklch(0.751 0.108 39.4);
}Tailwind CSS v4
@theme {
--color-kindleflame: #e9967a;
--color-kindleflame-50: #ffecde;
--color-kindleflame-100: #ffddcc;
--color-kindleflame-200: #fec6b1;
--color-kindleflame-300: #e8a58c;
--color-kindleflame-400: #d5886e;
--color-kindleflame-500: #c26b4d;
--color-kindleflame-600: #a45b42;
--color-kindleflame-700: #834934;
--color-kindleflame-800: #623426;
--color-kindleflame-900: #452319;
--color-kindleflame-950: #2c120a;
}SCSS
$kindleflame: #e9967a;
$kindleflame-rgb: 233, 150, 122;
$kindleflame-light: mix(#fff, $kindleflame, 20%);
$kindleflame-dark: mix(#000, $kindleflame, 20%);
.element {
color: $kindleflame;
box-shadow: 0 0 0 2px rgba($kindleflame, 0.35);
}