Benannte Farbe · #EDB8C7
Chantilly
Chantilly ist #EDB8C7: rgb(237 184 199), hsl(343 60% 83%), oklch(0.834 0.064 359.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Chantilly color name →
#EDB8C7
oklch(0.834 0.064 359.8)
Farbumrechnungen
- HEX
- #edb8c7
- RGB
- rgb(237 184 199)
- HSL
- hsl(343 60% 83%)
- HWB
- hwb(343 72% 7%)
- OKLCH
- oklch(0.834 0.064 359.8)
- OKLab
- oklab(0.834 0.064 0)
- CIE Lab
- lab(79.99 21.39 0.16)
- LCH
- lch(79.99 21.39 0.4)
- CMYK
- cmyk(0% 22% 16% 7%)
Tints · Shades · Tones
Tints
- EFBFCC
- F1C6D2
- F3CDD8
- F5D4DD
- F7DBE3
- F9E2E8
- FAEAEE
- FCF1F4
- FEF8F9
Shades
- CEA0AD
- B08893
- 93717A
- 775B62
- 5C454C
- 423136
- 2A1E21
- 140C0E
- 030202
Tones
- E2B2C0
- D7ADB8
- CCA7B1
- C1A1AA
- B69CA3
- AB969C
- A09195
- 958B8E
- 8B8687
Farbharmonien
Komplementär +180°
- EDB8C7
Chantilly
- 9BD7CA
≈ Aqua Glow
Analog -30° +30°
- EDB8C7
Chantilly
- E1BADD
≈ Sweetie Pie
- F0BAB0
≈ Ballerina Tears
Triadisch +120° +240°
- EDB8C7
Chantilly
- C3CFA1
≈ Dappled Daydream
- A3CFEF
≈ Sail
Geteilt komplementär +150° +210°
- EDB8C7
Chantilly
- ACD5B3
≈ Eerie Glow
- 98D5E0
≈ Tourmaline Water Blue
Tetradisch +90° +180° +270°
- EDB8C7
Chantilly
- D9C899
≈ Pale Moss
- 9BD7CA
≈ Aqua Glow
- B8C8F3
≈ Tropical Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.70:1 · APCA Lc 31
Ag
AAAAuf Schwarz
WCAG 12.28:1 · APCA Lc 72
Beste Textfarbe: #000000
WCAG 12.28:1 (AAA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--chantilly: #edb8c7;
--chantilly-rgb: 237 184 199;
--chantilly-oklch: oklch(0.834 0.064 359.8);
}
.element {
color: var(--chantilly);
background-color: hsl(343 60% 83%);
border-color: oklch(0.834 0.064 359.8);
}Tailwind CSS v4
@theme {
--color-chantilly: #edb8c7;
--color-chantilly-50: #ffeef4;
--color-chantilly-100: #fce0e6;
--color-chantilly-200: #edc9d2;
--color-chantilly-300: #d5aab5;
--color-chantilly-400: #bf8f9d;
--color-chantilly-500: #aa7484;
--color-chantilly-600: #906370;
--color-chantilly-700: #734f5a;
--color-chantilly-800: #553942;
--color-chantilly-900: #3b272e;
--color-chantilly-950: #25151b;
}SCSS
$chantilly: #edb8c7;
$chantilly-rgb: 237, 184, 199;
$chantilly-light: mix(#fff, $chantilly, 20%);
$chantilly-dark: mix(#000, $chantilly, 20%);
.element {
color: $chantilly;
box-shadow: 0 0 0 2px rgba($chantilly, 0.35);
}