Colore con nome · #D1C9BE
Fisherman Knit
Fisherman Knit è #D1C9BE: rgb(209 201 190), hsl(35 17% 78%), oklch(0.839 0.018 76.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Fisherman Knit color name →
#D1C9BE
oklch(0.839 0.018 76.1)
Conversioni di colore
- HEX
- #d1c9be
- RGB
- rgb(209 201 190)
- HSL
- hsl(35 17% 78%)
- HWB
- hwb(35 75% 18%)
- OKLCH
- oklch(0.839 0.018 76.1)
- OKLab
- oklab(0.839 0.004 0.017)
- CIE Lab
- lab(81.39 1.47 6.56)
- LCH
- lch(81.39 6.72 77.4)
- CMYK
- cmyk(0% 4% 9% 18%)
Tinte · Ombre · Toni
Tinte
- D6CEC4
- DAD4CB
- DFD9D1
- E3DED8
- E8E4DE
- ECE9E5
- F1EFEB
- F6F4F2
- FAFAF8
Ombre
- B5AEA5
- 9B958C
- 817C75
- 68645E
- 504C48
- 393633
- 23221F
- 100F0D
- 020202
Toni
- C9C1B8
- C0BAB1
- B8B2AB
- B0ABA5
- A8A49E
- A09C98
- 989592
- 908E8C
- 888786
Armonie di colore
Complementare +180°
- D1C9BE
Fisherman Knit
- C3CBD6
≈ Orchid Ash
Analogo -30° +30°
- D1C9BE
Fisherman Knit
- D5C7C1
≈ Weathered Hide
- CBCBBE
≈ Pale Celadon
Triadico +120° +240°
- D1C9BE
Fisherman Knit
- BECECE
≈ Babbling Brook
- CFC7D2
≈ Chrome Chalice
Complementare divisa +150° +210°
- D1C9BE
Fisherman Knit
- BFCDD3
≈ Keepsake
- C9C9D6
≈ Daybreak Beckons
Tetradico +90° +180° +270°
- D1C9BE
Fisherman Knit
- C0CEC8
≈ Soft Celadon
- C3CBD6
≈ Orchid Ash
- D3C6CD
≈ Odyssey Lilac
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.63:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.80:1 · APCA Lc 74
Miglior colore del testo: #000000
WCAG 12.80:1 (AAA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--fisherman-knit: #d1c9be;
--fisherman-knit-rgb: 209 201 190;
--fisherman-knit-oklch: oklch(0.839 0.018 76.1);
}
.element {
color: var(--fisherman-knit);
background-color: hsl(35 17% 78%);
border-color: oklch(0.839 0.018 76.1);
}Tailwind CSS v4
@theme {
--color-fisherman-knit: #d1c9be;
--color-fisherman-knit-50: #f8f5f0;
--color-fisherman-knit-100: #ebe7e1;
--color-fisherman-knit-200: #d8d3cc;
--color-fisherman-knit-300: #bcb6ae;
--color-fisherman-knit-400: #a49d93;
--color-fisherman-knit-500: #8d857a;
--color-fisherman-knit-600: #777067;
--color-fisherman-knit-700: #5f5a52;
--color-fisherman-knit-800: #46423c;
--color-fisherman-knit-900: #302d29;
--color-fisherman-knit-950: #1d1a17;
}SCSS
$fisherman-knit: #d1c9be;
$fisherman-knit-rgb: 209, 201, 190;
$fisherman-knit-light: mix(#fff, $fisherman-knit, 20%);
$fisherman-knit-dark: mix(#000, $fisherman-knit, 20%);
.element {
color: $fisherman-knit;
box-shadow: 0 0 0 2px rgba($fisherman-knit, 0.35);
}