Benannte Farbe · #D0C8E6
Italian Fitch
Italian Fitch ist #D0C8E6: rgb(208 200 230), hsl(256 38% 84%), oklch(0.849 0.042 297.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Italian Fitch color name →
#D0C8E6
oklch(0.849 0.042 297.7)
Farbumrechnungen
- HEX
- #d0c8e6
- RGB
- rgb(208 200 230)
- HSL
- hsl(256 38% 84%)
- HWB
- hwb(256 78% 10%)
- OKLCH
- oklch(0.849 0.042 297.7)
- OKLab
- oklab(0.849 0.02 -0.037)
- CIE Lab
- lab(81.97 7.12 -13.88)
- LCH
- lch(81.97 15.6 297.1)
- CMYK
- cmyk(10% 13% 0% 10%)
Tints · Shades · Tones
Tints
- D5CDE9
- D9D3EB
- DED8EE
- E3DEF0
- E7E3F3
- ECE9F5
- F1EEF8
- F5F4FA
- FAF9FD
Shades
- B5AEC8
- 9A94AB
- 807B8E
- 676373
- 4F4C59
- 393640
- 232128
- 100F13
- 020203
Tones
- C8C1DB
- BFB9D1
- B7B2C6
- AFABBC
- A7A3B2
- 9F9CA8
- 97959E
- 8F8E94
- 88878A
Farbharmonien
Komplementär +180°
- D0C8E6
Italian Fitch
- CBD1B3
≈ Meadow Glen
Analog -30° +30°
- D0C8E6
Italian Fitch
- C1CDEA
≈ Periwinkle Grey
- DDC4DC
≈ Simply Lavender
Triadisch +120° +240°
- D0C8E6
Italian Fitch
- E3C7B3
≈ Novelle Peach
- B1D7CD
≈ Gemini
Geteilt komplementär +150° +210°
- D0C8E6
Italian Fitch
- D9CCAF
≈ Soft Suede
- BCD5BE
≈ Surf
Tetradisch +90° +180° +270°
- D0C8E6
Italian Fitch
- E8C4BE
≈ Congo
- CBD1B3
≈ Meadow Glen
- AED6DC
≈ Light Jellyfish Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.60:1 · APCA Lc 27
Ag
AAAAuf Schwarz
WCAG 13.08:1 · APCA Lc 76
Beste Textfarbe: #000000
WCAG 13.08:1 (AAA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--italian-fitch: #d0c8e6;
--italian-fitch-rgb: 208 200 230;
--italian-fitch-oklch: oklch(0.849 0.042 297.7);
}
.element {
color: var(--italian-fitch);
background-color: hsl(256 38% 84%);
border-color: oklch(0.849 0.042 297.7);
}Tailwind CSS v4
@theme {
--color-italian-fitch: #d0c8e6;
--color-italian-fitch-50: #f7f3ff;
--color-italian-fitch-100: #eae5f4;
--color-italian-fitch-200: #d7d1e4;
--color-italian-fitch-300: #bab3ca;
--color-italian-fitch-400: #a19ab5;
--color-italian-fitch-500: #89819f;
--color-italian-fitch-600: #746d86;
--color-italian-fitch-700: #5d576c;
--color-italian-fitch-800: #434050;
--color-italian-fitch-900: #2e2c37;
--color-italian-fitch-950: #1b1922;
}SCSS
$italian-fitch: #d0c8e6;
$italian-fitch-rgb: 208, 200, 230;
$italian-fitch-light: mix(#fff, $italian-fitch, 20%);
$italian-fitch-dark: mix(#000, $italian-fitch, 20%);
.element {
color: $italian-fitch;
box-shadow: 0 0 0 2px rgba($italian-fitch, 0.35);
}