Named color · #E8917D
Apricot Red
Apricot Red is #E8917D: rgb(232 145 125), hsl(11 70% 70%), oklch(0.742 0.11 33.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Apricot Red color name →
#E8917D
oklch(0.742 0.11 33.7)
Color conversions
- HEX
- #e8917d
- RGB
- rgb(232 145 125)
- HSL
- hsl(11 70% 70%)
- HWB
- hwb(11 49% 9%)
- OKLCH
- oklch(0.742 0.11 33.7)
- OKLab
- oklab(0.742 0.092 0.061)
- CIE Lab
- lab(69.11 32.22 25.2)
- LCH
- lch(69.11 40.9 38)
- CMYK
- cmyk(0% 38% 46% 9%)
Tints · Shades · Tones
Tints
- EB9C8A
- EEA797
- F1B2A3
- F4BDB0
- F6C8BD
- F9D3CA
- FBDED7
- FCE9E4
- FEF4F2
Shades
- CA7D6C
- AC6A5B
- 90584B
- 74463B
- 59352C
- 40251E
- 291511
- 130705
- 030101
Tones
- DE907E
- D48E7E
- C98D7F
- BF8B7F
- B58A7F
- AA8880
- A08680
- 958480
- 8B8280
Color harmonies
Complementary +180°
- E8917D
Apricot Red
- 44BDD5
≈ Bachelor Button
Analogous -30° +30°
- E8917D
Apricot Red
- E68DA4
≈ Underwater Flare
- DC9C5E
≈ Stunning Gold
Triadic +120° +240°
- E8917D
Apricot Red
- 70C08B
≈ Clover Mist
- 95A6F1
≈ Cold Lips
Split-complementary +150° +210°
- E8917D
Apricot Red
- 47C2B3
≈ Synergy
- 6AB3EC
≈ Sanctuary Spa
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.39:1 · APCA Lc 47
Ag
AAAOn black
WCAG 8.77:1 · APCA Lc 55
Best text color: #000000
WCAG 8.77:1 (AAA) · APCA Lc 55
Contrast pairs
Code snippets
CSS
:root {
--apricot-red: #e8917d;
--apricot-red-rgb: 232 145 125;
--apricot-red-oklch: oklch(0.742 0.11 33.7);
}
.element {
color: var(--apricot-red);
background-color: hsl(11 70% 70%);
border-color: oklch(0.742 0.11 33.7);
}Tailwind CSS v4
@theme {
--color-apricot-red: #e8917d;
--color-apricot-red-50: #ffebe0;
--color-apricot-red-100: #ffdccf;
--color-apricot-red-200: #ffc4b4;
--color-apricot-red-300: #eaa491;
--color-apricot-red-400: #d78673;
--color-apricot-red-500: #c46854;
--color-apricot-red-600: #a55948;
--color-apricot-red-700: #854739;
--color-apricot-red-800: #63332a;
--color-apricot-red-900: #45231c;
--color-apricot-red-950: #2d110c;
}SCSS
$apricot-red: #e8917d;
$apricot-red-rgb: 232, 145, 125;
$apricot-red-light: mix(#fff, $apricot-red, 20%);
$apricot-red-dark: mix(#000, $apricot-red, 20%);
.element {
color: $apricot-red;
box-shadow: 0 0 0 2px rgba($apricot-red, 0.35);
}