Named color · #E6C9BC
Almond Willow
Almond Willow is #E6C9BC: rgb(230 201 188), hsl(19 46% 82%), oklch(0.857 0.037 45.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Almond Willow color name →
#E6C9BC
oklch(0.857 0.037 45.6)
Color conversions
- HEX
- #e6c9bc
- RGB
- rgb(230 201 188)
- HSL
- hsl(19 46% 82%)
- HWB
- hwb(19 74% 10%)
- OKLCH
- oklch(0.857 0.037 45.6)
- OKLab
- oklab(0.857 0.026 0.027)
- CIE Lab
- lab(83.19 9.03 10.47)
- LCH
- lch(83.19 13.83 49.2)
- CMYK
- cmyk(0% 13% 18% 10%)
Tints · Shades · Tones
Tints
- E9CEC3
- EBD4C9
- EED9D0
- F0DED6
- F3E4DD
- F5E9E4
- F8EFEB
- FAF4F1
- FDFAF8
Shades
- C8AEA3
- AB958B
- 8E7C73
- 73645D
- 594C47
- 403632
- 28221F
- 130F0D
- 030202
Tones
- DBC1B6
- D1BAB0
- C6B3AA
- BCABA4
- B2A49E
- A89D98
- 9E9592
- 948E8C
- 8A8786
Color harmonies
Complementary +180°
- E6C9BC
Almond Willow
- B7D6E3
≈ Lingerie Blue
Analogous -30° +30°
- E6C9BC
Almond Willow
- E8C7C8
≈ Fantastic Pink
- DFCDB5
≈ Chalkware
Triadic +120° +240°
- E6C9BC
Almond Willow
- BAD8CA
≈ Dusty Aqua
- CDCDE8
≈ Foggy Plateau
Split-complementary +150° +210°
- E6C9BC
Almond Willow
- B5D8D8
≈ Ring Box Blue
- C0D2E9
≈ Misty Mountains
Tetradic +90° +180° +270°
- E6C9BC
Almond Willow
- C5D6BE
≈ Surf Crest
- B7D6E3
≈ Lingerie Blue
- DAC9E1
≈ Grape Glimmer
Contrast & accessibility
Ag
FailOn white
WCAG 1.56:1 · APCA Lc 26
Ag
AAAOn black
WCAG 13.44:1 · APCA Lc 77
Best text color: #000000
WCAG 13.44:1 (AAA) · APCA Lc 77
Contrast pairs
Code snippets
CSS
:root {
--almond-willow: #e6c9bc;
--almond-willow-rgb: 230 201 188;
--almond-willow-oklch: oklch(0.857 0.037 45.6);
}
.element {
color: var(--almond-willow);
background-color: hsl(19 46% 82%);
border-color: oklch(0.857 0.037 45.6);
}Tailwind CSS v4
@theme {
--color-almond-willow: #e6c9bc;
--color-almond-willow-50: #fff2ec;
--color-almond-willow-100: #f3e4dd;
--color-almond-willow-200: #e3d0c7;
--color-almond-willow-300: #c8b2a7;
--color-almond-willow-400: #b2988c;
--color-almond-willow-500: #9c7f72;
--color-almond-willow-600: #846b60;
--color-almond-willow-700: #6a564d;
--color-almond-willow-800: #4e3e38;
--color-almond-willow-900: #362b26;
--color-almond-willow-950: #211815;
}SCSS
$almond-willow: #e6c9bc;
$almond-willow-rgb: 230, 201, 188;
$almond-willow-light: mix(#fff, $almond-willow, 20%);
$almond-willow-dark: mix(#000, $almond-willow, 20%);
.element {
color: $almond-willow;
box-shadow: 0 0 0 2px rgba($almond-willow, 0.35);
}