Named color · #E9C2AD
Weekend Retreat
Weekend Retreat is #E9C2AD: rgb(233 194 173), hsl(21 58% 80%), oklch(0.842 0.053 49.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Weekend Retreat color name →
#E9C2AD
oklch(0.842 0.053 49.9)
Color conversions
- HEX
- #e9c2ad
- RGB
- rgb(233 194 173)
- HSL
- hsl(21 58% 80%)
- HWB
- hwb(21 68% 9%)
- OKLCH
- oklch(0.842 0.053 49.9)
- OKLab
- oklab(0.842 0.034 0.041)
- CIE Lab
- lab(81.48 12.06 16.07)
- LCH
- lch(81.48 20.1 53.1)
- CMYK
- cmyk(0% 17% 26% 9%)
Tints · Shades · Tones
Tints
- EBC8B5
- EECEBD
- F0D4C5
- F2DACD
- F5E0D6
- F7E6DE
- F9EDE6
- FBF3EE
- FDF9F7
Shades
- CBA896
- AD8F7F
- 90776A
- 746055
- 5A4941
- 41342D
- 29201B
- 130E0B
- 030201
Tones
- DEBBA8
- D3B5A4
- C9AE9F
- BEA79B
- B3A196
- A99A92
- 9F938D
- 948D89
- 8A8684
Color harmonies
Complementary +180°
- E9C2AD
Weekend Retreat
- A9D3E8
≈ Laissez-Faire
Analogous -30° +30°
- E9C2AD
Weekend Retreat
- ECBEBD
≈ Arizona Sunrise
- DEC8A5
≈ Pita Bread
Triadic +120° +240°
- E9C2AD
Weekend Retreat
- AAD7C6
≈ Scud
- CAC6EC
≈ Soap
Split-complementary +150° +210°
- E9C2AD
Weekend Retreat
- A3D6D9
≈ Iced Aqua
- B7CDEF
≈ Frost Fairy
Tetradic +90° +180° +270°
- E9C2AD
Weekend Retreat
- BAD4B4
≈ Golden Elm
- A9D3E8
≈ Laissez-Faire
- DBC1E1
≈ Epiphany
Contrast & accessibility
Ag
FailOn white
WCAG 1.64:1 · APCA Lc 28
Ag
AAAOn black
WCAG 12.78:1 · APCA Lc 74
Best text color: #000000
WCAG 12.78:1 (AAA) · APCA Lc 74
Contrast pairs
Code snippets
CSS
:root {
--weekend-retreat: #e9c2ad;
--weekend-retreat-rgb: 233 194 173;
--weekend-retreat-oklch: oklch(0.842 0.053 49.9);
}
.element {
color: var(--weekend-retreat);
background-color: hsl(21 58% 80%);
border-color: oklch(0.842 0.053 49.9);
}Tailwind CSS v4
@theme {
--color-weekend-retreat: #e9c2ad;
--color-weekend-retreat-50: #fff1e8;
--color-weekend-retreat-100: #f7e3d8;
--color-weekend-retreat-200: #e8cec0;
--color-weekend-retreat-300: #ceb09f;
--color-weekend-retreat-400: #b99683;
--color-weekend-retreat-500: #a47c67;
--color-weekend-retreat-600: #8a6957;
--color-weekend-retreat-700: #6f5445;
--color-weekend-retreat-800: #523d32;
--color-weekend-retreat-900: #392a22;
--color-weekend-retreat-950: #231711;
}SCSS
$weekend-retreat: #e9c2ad;
$weekend-retreat-rgb: 233, 194, 173;
$weekend-retreat-light: mix(#fff, $weekend-retreat, 20%);
$weekend-retreat-dark: mix(#000, $weekend-retreat, 20%);
.element {
color: $weekend-retreat;
box-shadow: 0 0 0 2px rgba($weekend-retreat, 0.35);
}