Benannte Farbe · #CDD7E6
Monet Lily
Monet Lily ist #CDD7E6: rgb(205 215 230), hsl(216 33% 85%), oklch(0.876 0.023 258.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Monet Lily color name →
#CDD7E6
oklch(0.876 0.023 258.4)
Farbumrechnungen
- HEX
- #cdd7e6
- RGB
- rgb(205 215 230)
- HSL
- hsl(216 33% 85%)
- HWB
- hwb(216 80% 10%)
- OKLCH
- oklch(0.876 0.023 258.4)
- OKLab
- oklab(0.876 -0.005 -0.023)
- CIE Lab
- lab(85.55 -1.32 -8.63)
- LCH
- lch(85.55 8.73 261.3)
- CMYK
- cmyk(11% 7% 0% 10%)
Tints · Shades · Tones
Tints
- D2DBE9
- D7DFEB
- DCE3EE
- E1E7F0
- E6EBF3
- EBEFF5
- F0F3F8
- F5F7FA
- FAFBFD
Shades
- B2BBC8
- 989FAB
- 7E858E
- 666B73
- 4E5259
- 383B40
- 232528
- 0F1113
- 020203
Tones
- C5CEDB
- BDC5D1
- B5BCC6
- ADB3BC
- A6AAB2
- 9EA2A8
- 96999D
- 8F9194
- 87888A
Farbharmonien
Komplementär +180°
- CDD7E6
Monet Lily
- DFD5C6
≈ Shōji
Analog -30° +30°
- CDD7E6
Monet Lily
- C7DAE3
≈ Sweet Breeze
- D5D4E5
≈ Dulcinea
Triadisch +120° +240°
- CDD7E6
Monet Lily
- E5D0D0
≈ Mauve Chalk
- CFDACB
≈ Bayberry Frost
Geteilt komplementär +150° +210°
- CDD7E6
Monet Lily
- E4D2C9
≈ Blossom Time
- D7D8C6
≈ Smoky Light
Tetradisch +90° +180° +270°
- CDD7E6
Monet Lily
- E3D0D9
≈ Ephemeral Red
- DFD5C6
≈ Shōji
- C8DBD3
≈ Ocean Silk
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.45:1 · APCA Lc 22
Ag
AAAAuf Schwarz
WCAG 14.45:1 · APCA Lc 82
Beste Textfarbe: #000000
WCAG 14.45:1 (AAA) · APCA Lc 82
Contrast pairs
Code-Snippets
CSS
:root {
--monet-lily: #cdd7e6;
--monet-lily-rgb: 205 215 230;
--monet-lily-oklch: oklch(0.876 0.023 258.4);
}
.element {
color: var(--monet-lily);
background-color: hsl(216 33% 85%);
border-color: oklch(0.876 0.023 258.4);
}Tailwind CSS v4
@theme {
--color-monet-lily: #cdd7e6;
--color-monet-lily-50: #f1f5fc;
--color-monet-lily-100: #e3e8f0;
--color-monet-lily-200: #cfd5df;
--color-monet-lily-300: #b1b8c4;
--color-monet-lily-400: #969fad;
--color-monet-lily-500: #7d8796;
--color-monet-lily-600: #6a727f;
--color-monet-lily-700: #545b66;
--color-monet-lily-800: #3d434b;
--color-monet-lily-900: #2a2e34;
--color-monet-lily-950: #181b1f;
}SCSS
$monet-lily: #cdd7e6;
$monet-lily-rgb: 205, 215, 230;
$monet-lily-light: mix(#fff, $monet-lily, 20%);
$monet-lily-dark: mix(#000, $monet-lily, 20%);
.element {
color: $monet-lily;
box-shadow: 0 0 0 2px rgba($monet-lily, 0.35);
}