Named color · #E29D94
Coral Almond
Coral Almond is #E29D94: rgb(226 157 148), hsl(7 57% 73%), oklch(0.761 0.084 27.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Coral Almond color name →
#E29D94
oklch(0.761 0.084 27.5)
Color conversions
- HEX
- #e29d94
- RGB
- rgb(226 157 148)
- HSL
- hsl(7 57% 73%)
- HWB
- hwb(7 58% 11%)
- OKLCH
- oklch(0.761 0.084 27.5)
- OKLab
- oklab(0.761 0.075 0.039)
- CIE Lab
- lab(71.48 25.66 15.64)
- LCH
- lch(71.48 30.05 31.4)
- CMYK
- cmyk(0% 31% 35% 11%)
Tints · Shades · Tones
Tints
- E6A79E
- E9B0A9
- ECBAB3
- EFC4BE
- F2CEC9
- F5D8D3
- F8E1DE
- FAEBE9
- FDF5F4
Shades
- C48880
- A8736D
- 8C5F5A
- 714C48
- 573A36
- 3E2826
- 271816
- 120908
- 030101
Tones
- D89A92
- CE9890
- C5958E
- BB928C
- B18F8A
- A78C88
- 9E8986
- 948684
- 8A8382
Color harmonies
Complementary +180°
- E29D94
Coral Almond
- 6CC1CD
≈ Luna Moona
Analogous -30° +30°
- E29D94
Coral Almond
- DE9BB1
≈ Rose Delight
- DBA47C
≈ Honey Bronze
Triadic +120° +240°
- E29D94
Coral Almond
- 8DC093
≈ Country Weekend
- 9AB0E8
≈ Blue Skies Today
Split-complementary +150° +210°
- E29D94
Coral Almond
- 73C3B1
≈ Miami Teal
- 7DBAE1
≈ Enchanting
Tetradic +90° +180° +270°
- E29D94
Coral Almond
- ADB97B
≈ Green Curry
- 6CC1CD
≈ Luna Moona
- B7A6E1
≈ Enchanted Lavender
Contrast & accessibility
Ag
FailOn white
WCAG 2.21:1 · APCA Lc 43
Ag
AAAOn black
WCAG 9.48:1 · APCA Lc 59
Best text color: #000000
WCAG 9.48:1 (AAA) · APCA Lc 59
Contrast pairs
Code snippets
CSS
:root {
--coral-almond: #e29d94;
--coral-almond-rgb: 226 157 148;
--coral-almond-oklch: oklch(0.761 0.084 27.5);
}
.element {
color: var(--coral-almond);
background-color: hsl(7 57% 73%);
border-color: oklch(0.761 0.084 27.5);
}Tailwind CSS v4
@theme {
--color-coral-almond: #e29d94;
--color-coral-almond-50: #ffede7;
--color-coral-almond-100: #ffded8;
--color-coral-almond-200: #f6c8c0;
--color-coral-almond-300: #dfa89e;
--color-coral-almond-400: #cc8b83;
--color-coral-almond-500: #b77067;
--color-coral-almond-600: #9b5f58;
--color-coral-almond-700: #7c4c46;
--color-coral-almond-800: #5c3733;
--color-coral-almond-900: #412523;
--color-coral-almond-950: #291412;
}SCSS
$coral-almond: #e29d94;
$coral-almond-rgb: 226, 157, 148;
$coral-almond-light: mix(#fff, $coral-almond, 20%);
$coral-almond-dark: mix(#000, $coral-almond, 20%);
.element {
color: $coral-almond;
box-shadow: 0 0 0 2px rgba($coral-almond, 0.35);
}