最接近的命名颜色 · #E18414
#E18414
最接近的命名颜色: Hotter Butter
#E18414（rgb(225 132 20)、hsl(33 84% 48%)、oklch(0.699 0.156 62)）最接近命名颜色 Hotter Butter。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#E18414
oklch(0.699 0.156 62)
颜色转换
- HEX
- #e18414
- RGB
- rgb(225 132 20)
- HSL
- hsl(33 84% 48%)
- HWB
- hwb(33 8% 12%)
- OKLCH
- oklch(0.699 0.156 62)
- OKLab
- oklab(0.699 0.073 0.138)
- CIE Lab
- lab(64.43 31.78 67.06)
- LCH
- lch(64.43 74.21 64.6)
- CMYK
- cmyk(0% 41% 91% 12%)
浅色调 · 深色调 · 灰色调
浅色调
- E5913D
- E99E57
- EDAA6F
- F0B684
- F3C399
- F6CFAE
- F9DBC2
- FBE7D6
- FDF3EB
深色调
- C47210
- A7600C
- 8B4F08
- 703F05
- 562F03
- 3E2001
- 271201
- 120600
- 020100
灰色调
- D8842E
- CE853D
- C58549
- BB8554
- B2845D
- A88465
- 9E836C
- 948273
- 8A817A
配色和谐
互补色 +180°
- E18414
Hotter Butter
- 24A7F6
≈ Krishna Blue
类似色 -30° +30°
- E18414
Hotter Butter
- EF745D
≈ Mild Heart Attack
- BE9A00
≈ Perennial
三角配色 +120° +240°
- E18414
Hotter Butter
- 00B7A4
≈ Aare River
- B184EE
≈ Lavender Blossom
分裂互补色 +150° +210°
- E18414
Hotter Butter
- 00B1CA
≈ Havasupai Falls
- 7D95FE
≈ Periwinkle Blue
四角配色 +90° +180° +270°
- E18414
Hotter Butter
- 3EB96C
≈ Turtle Warrior
- 24A7F6
≈ Krishna Blue
- D576C9
≈ Purple Kush
对比度与无障碍
Ag
Fail白底
WCAG 2.79:1 · APCA Lc 53
Ag
AAA黑底
WCAG 7.51:1 · APCA Lc 48
最佳文字颜色: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
代码片段
CSS
:root {
--hotter-butter: #e18414;
--hotter-butter-rgb: 225 132 20;
--hotter-butter-oklch: oklch(0.699 0.156 62);
}
.element {
color: var(--hotter-butter);
background-color: hsl(33 84% 48%);
border-color: oklch(0.699 0.156 62);
}Tailwind CSS v4
@theme {
--color-hotter-butter: #e18414;
--color-hotter-butter-50: #ffedc7;
--color-hotter-butter-100: #ffdeb2;
--color-hotter-butter-200: #ffc68d;
--color-hotter-butter-300: #efa55c;
--color-hotter-butter-400: #de8626;
--color-hotter-butter-500: #cc6800;
--color-hotter-butter-600: #ac5800;
--color-hotter-butter-700: #8a4600;
--color-hotter-butter-800: #683200;
--color-hotter-butter-900: #492200;
--color-hotter-butter-950: #301000;
}SCSS
$hotter-butter: #e18414;
$hotter-butter-rgb: 225, 132, 20;
$hotter-butter-light: mix(#fff, $hotter-butter, 20%);
$hotter-butter-dark: mix(#000, $hotter-butter, 20%);
.element {
color: $hotter-butter;
box-shadow: 0 0 0 2px rgba($hotter-butter, 0.35);
}