Named color · #EB6123
Halloween Party
Halloween Party is #EB6123: rgb(235 97 35), hsl(19 83% 53%), oklch(0.66 0.185 41.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Halloween Party color name →
#EB6123
oklch(0.66 0.185 41.4)
Color conversions
- HEX
- #eb6123
- RGB
- rgb(235 97 35)
- HSL
- hsl(19 83% 53%)
- HWB
- hwb(19 14% 8%)
- OKLCH
- oklch(0.66 0.185 41.4)
- OKLab
- oklab(0.66 0.139 0.122)
- CIE Lab
- lab(59.12 52.41 59.65)
- LCH
- lch(59.12 79.4 48.7)
- CMYK
- cmyk(0% 59% 85% 8%)
Tints · Shades · Tones
Tints
- EF7341
- F38459
- F6946F
- F9A484
- FCB499
- FDC3AD
- FFD2C1
- FFE1D6
- FFF0EA
Shades
- CC531D
- AE4617
- 913911
- 752D0C
- 5B2107
- 411504
- 290B01
- 130300
- 030000
Tones
- E16634
- D76B40
- CD6F4B
- C37354
- B9765D
- AE7864
- A37B6C
- 987D73
- 8C7F7A
Color harmonies
Complementary +180°
- EB6123
Halloween Party
- 00A2C6
≈ Resonant Blue
Analogous -30° +30°
- EB6123
Halloween Party
- EC5675
≈ Lick and Kiss
- C78100
≈ Bamboo Brown
Triadic +120° +240°
- EB6123
Halloween Party
- 00AD75
≈ Bright Camouflage
- 827FFF
≈ Blue Party Parrot
Split-complementary +150° +210°
- EB6123
Halloween Party
- 00A8A3
≈ Jadestone
- 1B94FE
≈ Starfleet Blue
Tetradic +90° +180° +270°
- EB6123
Halloween Party
- 68A700
≈ Dark Slimelime
- 00A2C6
≈ Resonant Blue
- B76BE3
≈ Lavender
Contrast & accessibility
Ag
FailOn white
WCAG 3.35:1 · APCA Lc 60
Ag
AAOn black
WCAG 6.26:1 · APCA Lc 42
Best text color: #000000
WCAG 6.26:1 (AA) · APCA Lc 42
Contrast pairs
Code snippets
CSS
:root {
--halloween-party: #eb6123;
--halloween-party-rgb: 235 97 35;
--halloween-party-oklch: oklch(0.66 0.185 41.4);
}
.element {
color: var(--halloween-party);
background-color: hsl(19 83% 53%);
border-color: oklch(0.66 0.185 41.4);
}Tailwind CSS v4
@theme {
--color-halloween-party: #eb6123;
--color-halloween-party-50: #ffe5cb;
--color-halloween-party-100: #ffd5b6;
--color-halloween-party-200: #ffba93;
--color-halloween-party-300: #ff9566;
--color-halloween-party-400: #f5723c;
--color-halloween-party-500: #e44b00;
--color-halloween-party-600: #c14100;
--color-halloween-party-700: #9b3400;
--color-halloween-party-800: #742301;
--color-halloween-party-900: #521802;
--color-halloween-party-950: #360700;
}SCSS
$halloween-party: #eb6123;
$halloween-party-rgb: 235, 97, 35;
$halloween-party-light: mix(#fff, $halloween-party, 20%);
$halloween-party-dark: mix(#000, $halloween-party, 20%);
.element {
color: $halloween-party;
box-shadow: 0 0 0 2px rgba($halloween-party, 0.35);
}