Named color · #EEE8D6
Farm House
Farm House is #EEE8D6: rgb(238 232 214), hsl(45 41% 89%), oklch(0.931 0.025 91.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Farm House color name →
#EEE8D6
oklch(0.931 0.025 91.6)
Color conversions
- HEX
- #eee8d6
- RGB
- rgb(238 232 214)
- HSL
- hsl(45 41% 89%)
- HWB
- hwb(45 84% 7%)
- OKLCH
- oklch(0.931 0.025 91.6)
- OKLab
- oklab(0.931 -0.001 0.025)
- CIE Lab
- lab(92.11 -0.15 9.55)
- LCH
- lch(92.11 9.55 90.9)
- CMYK
- cmyk(0% 3% 10% 7%)
Tints · Shades · Tones
Tints
- F0EADA
- F1EDDE
- F3EFE2
- F5F1E6
- F6F3EA
- F8F6EF
- FAF8F3
- FCFAF7
- FDFDFB
Shades
- CFCABA
- B1AC9E
- 939084
- 77746A
- 5C5952
- 42403B
- 2A2925
- 141310
- 030302
Tones
- E2DDCD
- D7D2C4
- CCC8BB
- C1BDB3
- B5B3AA
- AAA8A2
- A09E99
- 959491
- 8A8A88
Color harmonies
Complementary +180°
- EEE8D6
Farm House
- E2E8F9
≈ Glitter
Analogous -30° +30°
- EEE8D6
Farm House
- F5E5D8
≈ Butter Icing
- E5EBD9
≈ Homoeopathic Mint
Triadic +120° +240°
- EEE8D6
Farm House
- D6EDF2
≈ Sparkling River
- F3E2F0
≈ Sheer Lavender
Split-complementary +150° +210°
- EEE8D6
Farm House
- DAEBF8
≈ Celestial Cathedral
- EBE5F6
≈ Holographic Lavender
Tetradic +90° +180° +270°
- EEE8D6
Farm House
- D7EEE9
≈ Dew Pointe
- E2E8F9
≈ Glitter
- F7E2E7
≈ Poetic Princess
Contrast & accessibility
Ag
FailOn white
WCAG 1.22:1 · APCA Lc 11
Ag
AAAOn black
WCAG 17.14:1 · APCA Lc 93
Best text color: #000000
WCAG 17.14:1 (AAA) · APCA Lc 93
Contrast pairs
Code snippets
CSS
:root {
--farm-house: #eee8d6;
--farm-house-rgb: 238 232 214;
--farm-house-oklch: oklch(0.931 0.025 91.6);
}
.element {
color: var(--farm-house);
background-color: hsl(45 41% 89%);
border-color: oklch(0.931 0.025 91.6);
}Tailwind CSS v4
@theme {
--color-farm-house: #eee8d6;
--color-farm-house-50: #f7f5ed;
--color-farm-house-100: #eae8df;
--color-farm-house-200: #d8d4c9;
--color-farm-house-300: #bbb7a9;
--color-farm-house-400: #a49e8e;
--color-farm-house-500: #8c8674;
--color-farm-house-600: #767162;
--color-farm-house-700: #5f5b4e;
--color-farm-house-800: #464239;
--color-farm-house-900: #302e27;
--color-farm-house-950: #1c1a15;
}SCSS
$farm-house: #eee8d6;
$farm-house-rgb: 238, 232, 214;
$farm-house-light: mix(#fff, $farm-house, 20%);
$farm-house-dark: mix(#000, $farm-house, 20%);
.element {
color: $farm-house;
box-shadow: 0 0 0 2px rgba($farm-house, 0.35);
}