Nearest named color · #FD6E49
#FD6E49
Nearest named color: Halloween
#FD6E49 (rgb(253 110 73), hsl(12 98% 64%), oklch(0.708 0.183 35.6)) is closest to the named color Halloween. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#FD6E49
oklch(0.708 0.183 35.6)
Color conversions
- HEX
- #fd6e49
- RGB
- rgb(253 110 73)
- HSL
- hsl(12 98% 64%)
- HWB
- hwb(12 29% 1%)
- OKLCH
- oklch(0.708 0.183 35.6)
- OKLab
- oklab(0.708 0.149 0.106)
- CIE Lab
- lab(64.51 54.09 48.34)
- LCH
- lch(64.51 72.54 41.8)
- CMYK
- cmyk(0% 57% 71% 1%)
Tints · Shades · Tones
Tints
- FF7F5D
- FF8E70
- FF9D82
- FFAC94
- FFBAA6
- FFC8B8
- FFD6C9
- FFE4DB
- FFF1ED
Shades
- DC5F3E
- BC5034
- 9D412A
- 7F3320
- 622617
- 47190E
- 2D0E06
- 160402
- 030100
Tones
- F17251
- E57558
- D9785E
- CD7A64
- C17C69
- B57D6E
- A87E73
- 9B7F78
- 8E807C
Color harmonies
Complementary +180°
- FD6E49
Halloween
- 00B3D2
≈ Aquarius
Analogous -30° +30°
- FD6E49
Halloween
- FA6790
≈ Rosy Pink
- E28900
≈ Sumac Dyed
Triadic +120° +240°
- FD6E49
Halloween
- 00BF70
≈ Times Square Screens
- 8796FF
≈ Periwinkle Blue
Split-complementary +150° +210°
- FD6E49
Halloween
- 00B9AC
≈ Verditer
- 2FA8FF
≈ Xed
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.79:1 · APCA Lc 53
Ag
AAAOn black
WCAG 7.50:1 · APCA Lc 49
Best text color: #000000
WCAG 7.50:1 (AAA) · APCA Lc 49
Contrast pairs
Code snippets
CSS
:root {
--halloween: #fd6e49;
--halloween-rgb: 253 110 73;
--halloween-oklch: oklch(0.708 0.183 35.6);
}
.element {
color: var(--halloween);
background-color: hsl(12 98% 64%);
border-color: oklch(0.708 0.183 35.6);
}Tailwind CSS v4
@theme {
--color-halloween: #fd6e49;
--color-halloween-50: #ffe4d0;
--color-halloween-100: #ffd3bc;
--color-halloween-200: #ffb89b;
--color-halloween-300: #ff9371;
--color-halloween-400: #f66f4c;
--color-halloween-500: #e5481a;
--color-halloween-600: #c13e1a;
--color-halloween-700: #9c3215;
--color-halloween-800: #742211;
--color-halloween-900: #52170a;
--color-halloween-950: #370601;
}SCSS
$halloween: #fd6e49;
$halloween-rgb: 253, 110, 73;
$halloween-light: mix(#fff, $halloween, 20%);
$halloween-dark: mix(#000, $halloween, 20%);
.element {
color: $halloween;
box-shadow: 0 0 0 2px rgba($halloween, 0.35);
}