Nearest named color · #EB7C43
#EB7C43
Nearest named color: Solar Flare
#EB7C43 (rgb(235 124 67), hsl(20 81% 59%), oklch(0.702 0.154 46)) is closest to the named color Solar Flare. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#EB7C43
oklch(0.702 0.154 46)
Color conversions
- HEX
- #eb7c43
- RGB
- rgb(235 124 67)
- HSL
- hsl(20 81% 59%)
- HWB
- hwb(20 26% 8%)
- OKLCH
- oklch(0.702 0.154 46)
- OKLab
- oklab(0.702 0.107 0.111)
- CIE Lab
- lab(64.38 40.76 50.2)
- LCH
- lch(64.38 64.66 50.9)
- CMYK
- cmyk(0% 47% 71% 8%)
Tints · Shades · Tones
Tints
- EF8A59
- F2986C
- F5A57F
- F7B292
- FABFA4
- FBCCB6
- FDD9C8
- FEE6DA
- FFF2ED
Shades
- CC6B39
- AE5A2F
- 914A26
- 753B1D
- 5B2C14
- 411E0C
- 291105
- 130501
- 030100
Tones
- E17D4C
- D67F54
- CC805B
- C28061
- B78167
- AD816D
- A28172
- 978177
- 8C817C
Color harmonies
Complementary +180°
- EB7C43
Solar Flare
- 00AFDE
≈ Blue Atoll
Analogous -30° +30°
- EB7C43
Solar Flare
- EF727E
≈ Strawberry Pink
- D39000
≈ Harvest Eve Gold
Triadic +120° +240°
- EB7C43
Solar Flare
- 00BB8A
≈ Slime Girl
- 988EFA
≈ Lavender Blue Shadow
Split-complementary +150° +210°
- EB7C43
Solar Flare
- 00B5B7
≈ Cyan Sky
- 5AA0FD
≈ Blue Chaos
Tetradic +90° +180° +270°
- EB7C43
Solar Flare
- 71B44C
≈ Pure Apple
- 00AFDE
≈ Blue Atoll
- C47EDF
≈ Lavender Perceptions
Contrast & accessibility
Ag
FailOn white
WCAG 2.80:1 · APCA Lc 53
Ag
AAAOn black
WCAG 7.49:1 · APCA Lc 48
Best text color: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--solar-flare: #eb7c43;
--solar-flare-rgb: 235 124 67;
--solar-flare-oklch: oklch(0.702 0.154 46);
}
.element {
color: var(--solar-flare);
background-color: hsl(20 81% 59%);
border-color: oklch(0.702 0.154 46);
}Tailwind CSS v4
@theme {
--color-solar-flare: #eb7c43;
--color-solar-flare-50: #ffe9cf;
--color-solar-flare-100: #ffd9bc;
--color-solar-flare-200: #ffc19a;
--color-solar-flare-300: #f79e6f;
--color-solar-flare-400: #e77e49;
--color-solar-flare-500: #d55d0e;
--color-solar-flare-600: #b44f12;
--color-solar-flare-700: #913f0f;
--color-solar-flare-800: #6c2d0c;
--color-solar-flare-900: #4c1e07;
--color-solar-flare-950: #320d00;
}SCSS
$solar-flare: #eb7c43;
$solar-flare-rgb: 235, 124, 67;
$solar-flare-light: mix(#fff, $solar-flare, 20%);
$solar-flare-dark: mix(#000, $solar-flare, 20%);
.element {
color: $solar-flare;
box-shadow: 0 0 0 2px rgba($solar-flare, 0.35);
}