Named color · #EA8386
Apple Valley
Apple Valley is #EA8386: rgb(234 131 134), hsl(358 71% 72%), oklch(0.723 0.127 18.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Apple Valley color name →
#EA8386
oklch(0.723 0.127 18.8)
Color conversions
- HEX
- #ea8386
- RGB
- rgb(234 131 134)
- HSL
- hsl(358 71% 72%)
- HWB
- hwb(358 51% 8%)
- OKLCH
- oklch(0.723 0.127 18.8)
- OKLab
- oklab(0.723 0.12 0.041)
- CIE Lab
- lab(66.54 40.58 16.83)
- LCH
- lch(66.54 43.94 22.5)
- CMYK
- cmyk(0% 44% 43% 8%)
Tints · Shades · Tones
Tints
- ED9092
- F19C9D
- F4A9A9
- F6B5B5
- F9C2C1
- FACECD
- FCDADA
- FDE6E6
- FEF3F2
Shades
- CB7174
- AE6062
- 914F51
- 753F40
- 5A2F30
- 412021
- 291213
- 130606
- 030101
Tones
- E08386
- D58485
- CB8485
- C18484
- B68383
- AC8383
- A18282
- 968281
- 8B8181
Color harmonies
Complementary +180°
- EA8386
Apple Valley
- 00BCC2
≈ Maximum Blue Green
Analogous -30° +30°
- EA8386
Apple Valley
- E083B2
≈ Middle Purple
- E58C5A
≈ Aegean Sky
Triadic +120° +240°
- EA8386
Apple Valley
- 7BB869
≈ Primo
- 74A6F4
≈ Fennel Flower
Split-complementary +150° +210°
- EA8386
Apple Valley
- 3CBF98
≈ New Meadow
- 37B4E4
≈ Summer Sky
Tetradic +90° +180° +270°
- EA8386
Apple Valley
- ACAC43
≈ Sphagnales Moss
- 00BCC2
≈ Maximum Blue Green
- A397F0
≈ Dull Lavender
Contrast & accessibility
Ag
FailOn white
WCAG 2.59:1 · APCA Lc 50
Ag
AAAOn black
WCAG 8.08:1 · APCA Lc 52
Best text color: #000000
WCAG 8.08:1 (AAA) · APCA Lc 52
Contrast pairs
Code snippets
CSS
:root {
--apple-valley: #ea8386;
--apple-valley-rgb: 234 131 134;
--apple-valley-oklch: oklch(0.723 0.127 18.8);
}
.element {
color: var(--apple-valley);
background-color: hsl(358 71% 72%);
border-color: oklch(0.723 0.127 18.8);
}Tailwind CSS v4
@theme {
--color-apple-valley: #ea8386;
--color-apple-valley-50: #ffe8e6;
--color-apple-valley-100: #ffd8d6;
--color-apple-valley-200: #ffbfbd;
--color-apple-valley-300: #f19d9c;
--color-apple-valley-400: #df7e81;
--color-apple-valley-500: #cc5f64;
--color-apple-valley-600: #ac5155;
--color-apple-valley-700: #8b4044;
--color-apple-valley-800: #672e32;
--color-apple-valley-900: #481f22;
--color-apple-valley-950: #2f0e11;
}SCSS
$apple-valley: #ea8386;
$apple-valley-rgb: 234, 131, 134;
$apple-valley-light: mix(#fff, $apple-valley, 20%);
$apple-valley-dark: mix(#000, $apple-valley, 20%);
.element {
color: $apple-valley;
box-shadow: 0 0 0 2px rgba($apple-valley, 0.35);
}