Named color · #ED9B44
Cornucopia
Cornucopia is #ED9B44: rgb(237 155 68), hsl(31 82% 60%), oklch(0.757 0.14 64.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Cornucopia color name →
#ED9B44
oklch(0.757 0.14 64.1)
Color conversions
- HEX
- #ed9b44
- RGB
- rgb(237 155 68)
- HSL
- hsl(31 82% 60%)
- HWB
- hwb(31 27% 7%)
- OKLCH
- oklch(0.757 0.14 64.1)
- OKLab
- oklab(0.757 0.061 0.126)
- CIE Lab
- lab(71.34 26.22 56.88)
- LCH
- lch(71.34 62.63 65.3)
- CMYK
- cmyk(0% 35% 71% 7%)
Tints · Shades · Tones
Tints
- F0A55B
- F2B070
- F4BA83
- F6C495
- F8CEA7
- FAD8B9
- FCE2CA
- FDEBDC
- FEF5ED
Shades
- CE863A
- B07230
- 935E26
- 774B1D
- 5C3914
- 42280C
- 2A1805
- 140902
- 030100
Tones
- E2994E
- D79656
- CC945E
- C29264
- B78F6A
- AC8C6F
- A18974
- 968678
- 8B837C
Color harmonies
Complementary +180°
- ED9B44
Cornucopia
- 5CB8FF
≈ Hello Summer
Analogous -30° +30°
- ED9B44
Cornucopia
- FC8D73
≈ Alexandria
- CDAE31
≈ Grass Daisy
Triadic +120° +240°
- ED9B44
Cornucopia
- 00CBBA
≈ Pristine Oceanic
- C498F8
≈ Baby Purple
Split-complementary +150° +210°
- ED9B44
Cornucopia
- 00C5E3
≈ Caribbean Blue
- 98A9FF
≈ Widowmaker
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.24:1 · APCA Lc 44
Ag
AAAOn black
WCAG 9.37:1 · APCA Lc 58
Best text color: #000000
WCAG 9.37:1 (AAA) · APCA Lc 58
Contrast pairs
Code snippets
CSS
:root {
--cornucopia: #ed9b44;
--cornucopia-rgb: 237 155 68;
--cornucopia-oklch: oklch(0.757 0.14 64.1);
}
.element {
color: var(--cornucopia);
background-color: hsl(31 82% 60%);
border-color: oklch(0.757 0.14 64.1);
}Tailwind CSS v4
@theme {
--color-cornucopia: #ed9b44;
--color-cornucopia-50: #ffeecb;
--color-cornucopia-100: #ffdfb7;
--color-cornucopia-200: #fec994;
--color-cornucopia-300: #e8a966;
--color-cornucopia-400: #d78b38;
--color-cornucopia-500: #c46d00;
--color-cornucopia-600: #a65d00;
--color-cornucopia-700: #854a00;
--color-cornucopia-800: #643500;
--color-cornucopia-900: #462400;
--color-cornucopia-950: #2d1200;
}SCSS
$cornucopia: #ed9b44;
$cornucopia-rgb: 237, 155, 68;
$cornucopia-light: mix(#fff, $cornucopia, 20%);
$cornucopia-dark: mix(#000, $cornucopia, 20%);
.element {
color: $cornucopia;
box-shadow: 0 0 0 2px rgba($cornucopia, 0.35);
}