Benannte Farbe · #D3C9AD
Prairie House
Prairie House ist #D3C9AD: rgb(211 201 173), hsl(44 30% 75%), oklch(0.837 0.039 90.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Prairie House color name →
#D3C9AD
oklch(0.837 0.039 90.7)
Farbumrechnungen
- HEX
- #d3c9ad
- RGB
- rgb(211 201 173)
- HSL
- hsl(44 30% 75%)
- HWB
- hwb(44 68% 17%)
- OKLCH
- oklch(0.837 0.039 90.7)
- OKLab
- oklab(0.837 0 0.039)
- CIE Lab
- lab(81.24 0.21 15.37)
- LCH
- lch(81.24 15.37 89.2)
- CMYK
- cmyk(0% 5% 18% 17%)
Tints · Shades · Tones
Tints
- D7CEB5
- DCD4BD
- E0D9C5
- E4DECD
- E9E4D6
- EDE9DE
- F2EFE6
- F6F4EE
- FBFAF7
Shades
- B7AE96
- 9C957F
- 827C6A
- 696455
- 514C41
- 3A362D
- 24221B
- 100F0B
- 020201
Tones
- CAC1A8
- C2BAA4
- B9B39F
- B1AB9B
- A9A496
- A09D92
- 98958D
- 908E89
- 888784
Farbharmonien
Komplementär +180°
- D3C9AD
Prairie House
- C0C9E4
≈ Twilight Mist
Analog -30° +30°
- D3C9AD
Prairie House
- DDC4B0
≈ Hanover
- C5CEB2
≈ April Wedding
Triadisch +120° +240°
- D3C9AD
Prairie House
- ADD1D8
≈ Aqua Frost
- D9C1D6
≈ Lovely Pink
Geteilt komplementär +150° +210°
- D3C9AD
Prairie House
- B3CDE1
≈ Charted
- CDC4E0
≈ Lavender Bliss
Tetradisch +90° +180° +270°
- D3C9AD
Prairie House
- AFD2CB
≈ Cassiopeia
- C0C9E4
≈ Twilight Mist
- E1BFC8
≈ Soap Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.64:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.72:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.72:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--prairie-house: #d3c9ad;
--prairie-house-rgb: 211 201 173;
--prairie-house-oklch: oklch(0.837 0.039 90.7);
}
.element {
color: var(--prairie-house);
background-color: hsl(44 30% 75%);
border-color: oklch(0.837 0.039 90.7);
}Tailwind CSS v4
@theme {
--color-prairie-house: #d3c9ad;
--color-prairie-house-50: #f9f5e9;
--color-prairie-house-100: #ece8d9;
--color-prairie-house-200: #dad4c2;
--color-prairie-house-300: #beb7a1;
--color-prairie-house-400: #a79e84;
--color-prairie-house-500: #908669;
--color-prairie-house-600: #7a7159;
--color-prairie-house-700: #615a47;
--color-prairie-house-800: #484233;
--color-prairie-house-900: #322d23;
--color-prairie-house-950: #1e1a12;
}SCSS
$prairie-house: #d3c9ad;
$prairie-house-rgb: 211, 201, 173;
$prairie-house-light: mix(#fff, $prairie-house, 20%);
$prairie-house-dark: mix(#000, $prairie-house, 20%);
.element {
color: $prairie-house;
box-shadow: 0 0 0 2px rgba($prairie-house, 0.35);
}