Benannte Farbe · #E9D5C9
Seaside Villa
Seaside Villa ist #E9D5C9: rgb(233 213 201), hsl(23 42% 85%), oklch(0.886 0.028 53.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Seaside Villa color name →
#E9D5C9
oklch(0.886 0.028 53.1)
Farbumrechnungen
- HEX
- #e9d5c9
- RGB
- rgb(233 213 201)
- HSL
- hsl(23 42% 85%)
- HWB
- hwb(23 79% 9%)
- OKLCH
- oklch(0.886 0.028 53.1)
- OKLab
- oklab(0.886 0.017 0.022)
- CIE Lab
- lab(86.69 5.71 8.59)
- LCH
- lch(86.69 10.32 56.4)
- CMYK
- cmyk(0% 9% 14% 9%)
Tints · Shades · Tones
Tints
- EBD9CE
- EDDDD4
- F0E2D9
- F2E6DE
- F4EAE4
- F6EEE9
- F8F2EF
- FBF7F4
- FDFBFA
Shades
- CBB9AE
- AD9E95
- 90837C
- 746A64
- 5A514C
- 413A36
- 292422
- 13100F
- 030202
Tones
- DECCC1
- D3C3BA
- C8BBB3
- BEB2AB
- B3AAA4
- A9A19D
- 9E9995
- 94908E
- 8A8887
Farbharmonien
Komplementär +180°
- E9D5C9
Seaside Villa
- C8DDE9
≈ Put on Ice
Analog -30° +30°
- E9D5C9
Seaside Villa
- EBD3D1
≈ Raspberry Milk
- E2D8C5
≈ Exclusive Ivory
Triadisch +120° +240°
- E9D5C9
Seaside Villa
- C8E0D8
≈ Ulthuan Grey
- DAD6EB
≈ Slaanesh Grey
Geteilt komplementär +150° +210°
- E9D5C9
Seaside Villa
- C5DFE2
≈ Open Air
- D0DAEC
≈ Hawkes Blue
Tetradisch +90° +180° +270°
- E9D5C9
Seaside Villa
- CFDFCE
≈ St. Augustine
- C8DDE9
≈ Put on Ice
- E3D4E4
≈ Joyful Lilac
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.41:1 · APCA Lc 20
Ag
AAAAuf Schwarz
WCAG 14.82:1 · APCA Lc 83
Beste Textfarbe: #000000
WCAG 14.82:1 (AAA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--seaside-villa: #e9d5c9;
--seaside-villa-rgb: 233 213 201;
--seaside-villa-oklch: oklch(0.886 0.028 53.1);
}
.element {
color: var(--seaside-villa);
background-color: hsl(23 42% 85%);
border-color: oklch(0.886 0.028 53.1);
}Tailwind CSS v4
@theme {
--color-seaside-villa: #e9d5c9;
--color-seaside-villa-50: #fcf3ee;
--color-seaside-villa-100: #f0e6df;
--color-seaside-villa-200: #ded1c9;
--color-seaside-villa-300: #c3b4aa;
--color-seaside-villa-400: #ac9a90;
--color-seaside-villa-500: #968275;
--color-seaside-villa-600: #7e6e64;
--color-seaside-villa-700: #65584f;
--color-seaside-villa-800: #4b403a;
--color-seaside-villa-900: #342c28;
--color-seaside-villa-950: #1f1916;
}SCSS
$seaside-villa: #e9d5c9;
$seaside-villa-rgb: 233, 213, 201;
$seaside-villa-light: mix(#fff, $seaside-villa, 20%);
$seaside-villa-dark: mix(#000, $seaside-villa, 20%);
.element {
color: $seaside-villa;
box-shadow: 0 0 0 2px rgba($seaside-villa, 0.35);
}