Nazwany kolor · #D1C9BE
Fisherman Knit
Fisherman Knit to #D1C9BE: rgb(209 201 190), hsl(35 17% 78%), oklch(0.839 0.018 76.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Fisherman Knit color name →
#D1C9BE
oklch(0.839 0.018 76.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6CEC4
- DAD4CB
- DFD9D1
- E3DED8
- E8E4DE
- ECE9E5
- F1EFEB
- F6F4F2
- FAFAF8
Odcienie ciemniejsze
- B5AEA5
- 9B958C
- 817C75
- 68645E
- 504C48
- 393633
- 23221F
- 100F0D
- 020202
Tony
- C9C1B8
- C0BAB1
- B8B2AB
- B0ABA5
- A8A49E
- A09C98
- 989592
- 908E8C
- 888786
Harmonie kolorów
Komplementarna +180°
- D1C9BE
Fisherman Knit
- C3CBD6
≈ Orchid Ash
Analogowa -30° +30°
- D1C9BE
Fisherman Knit
- D5C7C1
≈ Weathered Hide
- CBCBBE
≈ Pale Celadon
Triada +120° +240°
- D1C9BE
Fisherman Knit
- BECECE
≈ Babbling Brook
- CFC7D2
≈ Chrome Chalice
Komplementarna rozszczepiona +150° +210°
- D1C9BE
Fisherman Knit
- BFCDD3
≈ Keepsake
- C9C9D6
≈ Daybreak Beckons
Tetrada +90° +180° +270°
- D1C9BE
Fisherman Knit
- C0CEC8
≈ Soft Celadon
- C3CBD6
≈ Orchid Ash
- D3C6CD
≈ Odyssey Lilac
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.63:1 · APCA Lc 28
Ag
AAANa czerni
WCAG 12.80:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.80:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
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);
}