Benannte Farbe · #D9C1B7
Country Cottage
Country Cottage ist #D9C1B7: rgb(217 193 183), hsl(18 31% 78%), oklch(0.828 0.031 44). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Country Cottage color name →
#D9C1B7
oklch(0.828 0.031 44)
Farbumrechnungen
- HEX
- #d9c1b7
- RGB
- rgb(217 193 183)
- HSL
- hsl(18 31% 78%)
- HWB
- hwb(18 72% 15%)
- OKLCH
- oklch(0.828 0.031 44)
- OKLab
- oklab(0.828 0.022 0.021)
- CIE Lab
- lab(79.92 7.57 8.32)
- LCH
- lch(79.92 11.25 47.7)
- CMYK
- cmyk(0% 11% 16% 15%)
Tints · Shades · Tones
Tints
- DDC7BE
- E1CDC5
- E4D3CC
- E8D9D3
- ECE0DB
- F0E6E2
- F4ECE9
- F7F2F0
- FBF9F8
Shades
- BCA79F
- A18F87
- 867770
- 6C5F5A
- 534945
- 3B3431
- 25201E
- 110E0C
- 020202
Tones
- D0BAB1
- C7B4AC
- BEADA6
- B5A6A1
- ACA09B
- A39996
- 9A9390
- 918D8B
- 898685
Farbharmonien
Komplementär +180°
- D9C1B7
Country Cottage
- B2CCD6
≈ April Tears
Analog -30° +30°
- D9C1B7
Country Cottage
- DABFC1
≈ Mud Pink
- D3C4B1
≈ Casual Khaki
Triadisch +120° +240°
- D9C1B7
Country Cottage
- B6CDC1
≈ Blue Fluorite
- C4C5DB
≈ Violet Sweet Pea
Geteilt komplementär +150° +210°
- D9C1B7
Country Cottage
- B1CDCC
≈ Clear Pond
- BAC8DB
≈ Beribboned
Tetradisch +90° +180° +270°
- D9C1B7
Country Cottage
- BFCCB8
≈ Pastel Grey Green
- B2CCD6
≈ April Tears
- CEC1D5
≈ Powder Viola
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.71:1 · APCA Lc 31
Ag
AAAAuf Schwarz
WCAG 12.26:1 · APCA Lc 72
Beste Textfarbe: #000000
WCAG 12.26:1 (AAA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--country-cottage: #d9c1b7;
--country-cottage-rgb: 217 193 183;
--country-cottage-oklch: oklch(0.828 0.031 44);
}
.element {
color: var(--country-cottage);
background-color: hsl(18 31% 78%);
border-color: oklch(0.828 0.031 44);
}Tailwind CSS v4
@theme {
--color-country-cottage: #d9c1b7;
--color-country-cottage-50: #fdf3ee;
--color-country-cottage-100: #f1e5df;
--color-country-cottage-200: #e0d1c9;
--color-country-cottage-300: #c6b3ab;
--color-country-cottage-400: #af9990;
--color-country-cottage-500: #988076;
--color-country-cottage-600: #816c64;
--color-country-cottage-700: #675750;
--color-country-cottage-800: #4c3f3a;
--color-country-cottage-900: #352b28;
--color-country-cottage-950: #201916;
}SCSS
$country-cottage: #d9c1b7;
$country-cottage-rgb: 217, 193, 183;
$country-cottage-light: mix(#fff, $country-cottage, 20%);
$country-cottage-dark: mix(#000, $country-cottage, 20%);
.element {
color: $country-cottage;
box-shadow: 0 0 0 2px rgba($country-cottage, 0.35);
}