命名颜色 · #E99A10
Pumpkin Yellow
Pumpkin Yellow 即 #E99A10：rgb(233 154 16)、hsl(38 87% 49%)、oklch(0.747 0.157 72.1)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Orange mean? → · Pumpkin Yellow color name →
#E99A10
oklch(0.747 0.157 72.1)
颜色转换
- HEX
- #e99a10
- RGB
- rgb(233 154 16)
- HSL
- hsl(38 87% 49%)
- HWB
- hwb(38 6% 9%)
- OKLCH
- oklch(0.747 0.157 72.1)
- OKLab
- oklab(0.747 0.048 0.149)
- CIE Lab
- lab(70.4 23.97 72.34)
- LCH
- lch(70.4 76.21 71.7)
- CMYK
- cmyk(0% 34% 93% 9%)
浅色调 · 深色调 · 灰色调
浅色调
- ECA53F
- EFAF5A
- F1B972
- F4C488
- F6CE9C
- F8D8B1
- FAE2C4
- FCEBD8
- FEF5EC
深色调
- CB850C
- AD7109
- 905E06
- 744B04
- 5A3902
- 412701
- 291700
- 130900
- 030100
灰色调
- DE982F
- D4963F
- CA944C
- BF9156
- B58F5F
- AA8C67
- A0896E
- 958675
- 8B837A
配色和谐
互补色 +180°
- E99A10
Pumpkin Yellow
- 6BB1FF
≈ Tiān Lán Sky
类似色 -30° +30°
- E99A10
Pumpkin Yellow
- FE8758
≈ Nectarine
- C1AF00
≈ Muddy Yellow
三角配色 +120° +240°
- E99A10
Pumpkin Yellow
- 00C6C2
≈ Swimmers Pool
- CE8DF4
≈ Liliac
分裂互补色 +150° +210°
- E99A10
Pumpkin Yellow
- 00BFEB
≈ Blue Raspberry
- A0A1FF
≈ Cobalite
四角配色 +90° +180° +270°
- E99A10
Pumpkin Yellow
- 22CB8E
≈ Retro Lime
- 6BB1FF
≈ Tiān Lán Sky
- EF82C9
≈ Blushed Bombshell
对比度与无障碍
Ag
Fail白底
WCAG 2.30:1 · APCA Lc 45
Ag
AAA黑底
WCAG 9.09:1 · APCA Lc 57
最佳文字颜色: #000000
WCAG 9.09:1 (AAA) · APCA Lc 57
Contrast pairs
代码片段
CSS
:root {
--pumpkin-yellow: #e99a10;
--pumpkin-yellow-rgb: 233 154 16;
--pumpkin-yellow-oklch: oklch(0.747 0.157 72.1);
}
.element {
color: var(--pumpkin-yellow);
background-color: hsl(38 87% 49%);
border-color: oklch(0.747 0.157 72.1);
}Tailwind CSS v4
@theme {
--color-pumpkin-yellow: #e99a10;
--color-pumpkin-yellow-50: #ffefc4;
--color-pumpkin-yellow-100: #ffe1ae;
--color-pumpkin-yellow-200: #fdcb87;
--color-pumpkin-yellow-300: #e7ab53;
--color-pumpkin-yellow-400: #d68c03;
--color-pumpkin-yellow-500: #c46f00;
--color-pumpkin-yellow-600: #a55f00;
--color-pumpkin-yellow-700: #854c00;
--color-pumpkin-yellow-800: #643600;
--color-pumpkin-yellow-900: #462500;
--color-pumpkin-yellow-950: #2d1300;
}SCSS
$pumpkin-yellow: #e99a10;
$pumpkin-yellow-rgb: 233, 154, 16;
$pumpkin-yellow-light: mix(#fff, $pumpkin-yellow, 20%);
$pumpkin-yellow-dark: mix(#000, $pumpkin-yellow, 20%);
.element {
color: $pumpkin-yellow;
box-shadow: 0 0 0 2px rgba($pumpkin-yellow, 0.35);
}