Named color · #EE9950
Autumn Orange
Autumn Orange is #EE9950: rgb(238 153 80), hsl(28 82% 62%), oklch(0.756 0.135 59.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Autumn Orange color name →
#EE9950
oklch(0.756 0.135 59.2)
Color conversions
- HEX
- #ee9950
- RGB
- rgb(238 153 80)
- HSL
- hsl(28 82% 62%)
- HWB
- hwb(28 31% 7%)
- OKLCH
- oklch(0.756 0.135 59.2)
- OKLab
- oklab(0.756 0.069 0.116)
- CIE Lab
- lab(71.11 28.09 51.17)
- LCH
- lch(71.11 58.38 61.2)
- CMYK
- cmyk(0% 36% 66% 7%)
Tints · Shades · Tones
Tints
- F1A464
- F3AE77
- F5B889
- F7C39A
- F9CDAB
- FBD7BC
- FCE1CD
- FDEBDD
- FEF5EE
Shades
- CF8444
- B17039
- 935D2E
- 774A24
- 5C381A
- 422710
- 2A1707
- 140802
- 030100
Tones
- E39757
- D8955E
- CD9364
- C29069
- B78E6E
- AC8B72
- A18976
- 96867A
- 8B837D
Color harmonies
Complementary +180°
- EE9950
Autumn Orange
- 50BAFC
≈ Hello Summer
Analogous -30° +30°
- EE9950
Autumn Orange
- F98D7D
≈ Hot Calypso
- D2AB39
≈ Brassy
Triadic +120° +240°
- EE9950
Autumn Orange
- 17CBB2
≈ Pristine Oceanic
- BC9BF9
≈ Baby Purple
Split-complementary +150° +210°
- EE9950
Autumn Orange
- 00C6DC
≈ The Crowd Roars!
- 90ACFF
≈ Widowmaker
Tetradic +90° +180° +270°
- EE9950
Autumn Orange
- 6CC780
≈ Soft Green
- 50BAFC
≈ Hello Summer
- DF8FD9
≈ Love Dust
Contrast & accessibility
Ag
FailOn white
WCAG 2.25:1 · APCA Lc 44
Ag
AAAOn black
WCAG 9.30:1 · APCA Lc 58
Best text color: #000000
WCAG 9.30:1 (AAA) · APCA Lc 58
Contrast pairs
Code snippets
CSS
:root {
--autumn-orange: #ee9950;
--autumn-orange-rgb: 238 153 80;
--autumn-orange-oklch: oklch(0.756 0.135 59.2);
}
.element {
color: var(--autumn-orange);
background-color: hsl(28 82% 62%);
border-color: oklch(0.756 0.135 59.2);
}Tailwind CSS v4
@theme {
--color-autumn-orange: #ee9950;
--color-autumn-orange-50: #ffedcf;
--color-autumn-orange-100: #ffdebb;
--color-autumn-orange-200: #ffc899;
--color-autumn-orange-300: #eaa76e;
--color-autumn-orange-400: #d88944;
--color-autumn-orange-500: #c56c00;
--color-autumn-orange-600: #a75c06;
--color-autumn-orange-700: #864907;
--color-autumn-orange-800: #643406;
--color-autumn-orange-900: #462404;
--color-autumn-orange-950: #2e1200;
}SCSS
$autumn-orange: #ee9950;
$autumn-orange-rgb: 238, 153, 80;
$autumn-orange-light: mix(#fff, $autumn-orange, 20%);
$autumn-orange-dark: mix(#000, $autumn-orange, 20%);
.element {
color: $autumn-orange;
box-shadow: 0 0 0 2px rgba($autumn-orange, 0.35);
}