Nearest named color · #E8CF9D
#E8CF9D
Nearest named color: Prairie Land
#E8CF9D (rgb(232 207 157), hsl(40 62% 76%), oklch(0.863 0.071 84.4)) is closest to the named color Prairie Land. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#E8CF9D
oklch(0.863 0.071 84.4)
Color conversions
- HEX
- #e8cf9d
- RGB
- rgb(232 207 157)
- HSL
- hsl(40 62% 76%)
- HWB
- hwb(40 62% 9%)
- OKLCH
- oklch(0.863 0.071 84.4)
- OKLab
- oklab(0.863 0.007 0.071)
- CIE Lab
- lab(84.34 3.72 28.29)
- LCH
- lch(84.34 28.54 82.5)
- CMYK
- cmyk(0% 11% 32% 9%)
Tints · Shades · Tones
Tints
- EAD4A7
- EDD9B1
- EFDDBB
- F1E2C5
- F4E7CE
- F6ECD8
- F8F1E2
- FAF5EC
- FDFAF5
Shades
- CAB488
- AC9973
- 907F5F
- 74674C
- 594F3A
- 403828
- 292318
- 131009
- 030201
Tones
- DDC79A
- D2BF98
- C8B795
- BDAF92
- B3A78F
- A89F8C
- 9E9789
- 948F86
- 8A8883
Color harmonies
Complementary +180°
- E8CF9D
Prairie Land
- BCD2FF
≈ Ice Cold Stare
Analogous -30° +30°
- E8CF9D
Prairie Land
- F8C6A6
≈ Peach Damask
- D1D8A3
≈ White Jade
Triadic +120° +240°
- E8CF9D
Prairie Land
- 9AE0E8
≈ Luminescent Blue
- EAC3ED
≈ Purple’s Baby Sister
Split-complementary +150° +210°
- E8CF9D
Prairie Land
- A4DBFA
≈ Columbia Blue
- D4CAFD
≈ Innocent Snowdrop
Tetradic +90° +180° +270°
- E8CF9D
Prairie Land
- A1E2CF
≈ Aqua Wish
- BCD2FF
≈ Ice Cold Stare
- F9BFD5
≈ Cherry Blossom
Contrast & accessibility
Ag
FailOn white
WCAG 1.51:1 · APCA Lc 24
Ag
AAAOn black
WCAG 13.84:1 · APCA Lc 79
Best text color: #000000
WCAG 13.84:1 (AAA) · APCA Lc 79
Contrast pairs
Code snippets
CSS
:root {
--prairie-land: #e8cf9d;
--prairie-land-rgb: 232 207 157;
--prairie-land-oklch: oklch(0.863 0.071 84.4);
}
.element {
color: var(--prairie-land);
background-color: hsl(40 62% 76%);
border-color: oklch(0.863 0.071 84.4);
}Tailwind CSS v4
@theme {
--color-prairie-land: #e8cf9d;
--color-prairie-land-50: #fef4df;
--color-prairie-land-100: #f2e7ce;
--color-prairie-land-200: #e2d3b2;
--color-prairie-land-300: #c7b68e;
--color-prairie-land-400: #b29b6e;
--color-prairie-land-500: #9c824d;
--color-prairie-land-600: #846e42;
--color-prairie-land-700: #6a5834;
--color-prairie-land-800: #4f4025;
--color-prairie-land-900: #372c19;
--color-prairie-land-950: #211909;
}SCSS
$prairie-land: #e8cf9d;
$prairie-land-rgb: 232, 207, 157;
$prairie-land-light: mix(#fff, $prairie-land, 20%);
$prairie-land-dark: mix(#000, $prairie-land, 20%);
.element {
color: $prairie-land;
box-shadow: 0 0 0 2px rgba($prairie-land, 0.35);
}