Cor nomeada · #E99A10
Pumpkin Yellow
Pumpkin Yellow é #E99A10: rgb(233 154 16), hsl(38 87% 49%), oklch(0.747 0.157 72.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Pumpkin Yellow color name →
#E99A10
oklch(0.747 0.157 72.1)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- ECA53F
- EFAF5A
- F1B972
- F4C488
- F6CE9C
- F8D8B1
- FAE2C4
- FCEBD8
- FEF5EC
Sombras
- CB850C
- AD7109
- 905E06
- 744B04
- 5A3902
- 412701
- 291700
- 130900
- 030100
Tons
- DE982F
- D4963F
- CA944C
- BF9156
- B58F5F
- AA8C67
- A0896E
- 958675
- 8B837A
Harmonias de cor
Complementar +180°
- E99A10
Pumpkin Yellow
- 6BB1FF
≈ Tiān Lán Sky
Análoga -30° +30°
- E99A10
Pumpkin Yellow
- FE8758
≈ Nectarine
- C1AF00
≈ Muddy Yellow
Tríade +120° +240°
- E99A10
Pumpkin Yellow
- 00C6C2
≈ Swimmers Pool
- CE8DF4
≈ Liliac
Complementar dividida +150° +210°
- E99A10
Pumpkin Yellow
- 00BFEB
≈ Blue Raspberry
- A0A1FF
≈ Cobalite
Tétrade +90° +180° +270°
- E99A10
Pumpkin Yellow
- 22CB8E
≈ Retro Lime
- 6BB1FF
≈ Tiān Lán Sky
- EF82C9
≈ Blushed Bombshell
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.30:1 · APCA Lc 45
Ag
AAASobre preto
WCAG 9.09:1 · APCA Lc 57
Melhor cor de texto: #000000
WCAG 9.09:1 (AAA) · APCA Lc 57
Contrast pairs
Trechos de código
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);
}