Benannte Farbe · #D5C6CC
Odyssey Lilac
Odyssey Lilac ist #D5C6CC: rgb(213 198 204), hsl(336 15% 81%), oklch(0.841 0.019 351.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Odyssey Lilac color name →
#D5C6CC
oklch(0.841 0.019 351.2)
Farbumrechnungen
- HEX
- #d5c6cc
- RGB
- rgb(213 198 204)
- HSL
- hsl(336 15% 81%)
- HWB
- hwb(336 78% 16%)
- OKLCH
- oklch(0.841 0.019 351.2)
- OKLab
- oklab(0.841 0.018 -0.003)
- CIE Lab
- lab(81.26 6.2 -1.02)
- LCH
- lch(81.26 6.29 350.7)
- CMYK
- cmyk(0% 7% 4% 16%)
Tints · Shades · Tones
Tints
- D9CCD1
- DDD1D6
- E2D7DB
- E6DCE0
- EAE2E5
- EEE8EA
- F2EEEF
- F7F3F5
- FBF9FA
Shades
- B9ACB1
- 9E9297
- 837A7E
- 6A6265
- 514B4E
- 3A3537
- 242122
- 100E0F
- 020202
Tones
- CCBFC4
- C3B8BC
- BBB0B5
- B2A9AD
- AAA2A5
- A19B9E
- 999496
- 908E8F
- 888787
Farbharmonien
Komplementär +180°
- D5C6CC
Odyssey Lilac
- BFCFC9
≈ Soft Celadon
Analog -30° +30°
- D5C6CC
Odyssey Lilac
- D1C7D2
≈ Enchant
- D7C6C5
≈ Weathered Hide
Triadisch +120° +240°
- D5C6CC
Odyssey Lilac
- CBCCBE
≈ Misty Memory
- BFCDD5
≈ Keepsake
Geteilt komplementär +150° +210°
- D5C6CC
Odyssey Lilac
- C4CEC3
≈ Silver Grass
- BECFD0
≈ Detroit
Tetradisch +90° +180° +270°
- D5C6CC
Odyssey Lilac
- D1CABD
≈ Porch Swing Beige
- BFCFC9
≈ Soft Celadon
- C4CBD7
≈ Orchid Ash
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.64:1 · APCA Lc 29
Ag
AAAAuf Schwarz
WCAG 12.77:1 · APCA Lc 74
Beste Textfarbe: #000000
WCAG 12.77:1 (AAA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--odyssey-lilac: #d5c6cc;
--odyssey-lilac-rgb: 213 198 204;
--odyssey-lilac-oklch: oklch(0.841 0.019 351.2);
}
.element {
color: var(--odyssey-lilac);
background-color: hsl(336 15% 81%);
border-color: oklch(0.841 0.019 351.2);
}Tailwind CSS v4
@theme {
--color-odyssey-lilac: #d5c6cc;
--color-odyssey-lilac-50: #faf3f5;
--color-odyssey-lilac-100: #ede5e8;
--color-odyssey-lilac-200: #dbd1d5;
--color-odyssey-lilac-300: #c0b4b8;
--color-odyssey-lilac-400: #a89aa0;
--color-odyssey-lilac-500: #918187;
--color-odyssey-lilac-600: #7a6e73;
--color-odyssey-lilac-700: #62585c;
--color-odyssey-lilac-800: #484043;
--color-odyssey-lilac-900: #322c2e;
--color-odyssey-lilac-950: #1e191b;
}SCSS
$odyssey-lilac: #d5c6cc;
$odyssey-lilac-rgb: 213, 198, 204;
$odyssey-lilac-light: mix(#fff, $odyssey-lilac, 20%);
$odyssey-lilac-dark: mix(#000, $odyssey-lilac, 20%);
.element {
color: $odyssey-lilac;
box-shadow: 0 0 0 2px rgba($odyssey-lilac, 0.35);
}