Nazwany kolor · #9F8D7C
Silver Mink
Silver Mink to #9F8D7C: rgb(159 141 124), hsl(29 15% 55%), oklch(0.655 0.033 65.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Silver Mink color name →
#9F8D7C
oklch(0.655 0.033 65.6)
Konwersje koloru
- HEX
- #9f8d7c
- RGB
- rgb(159 141 124)
- HSL
- hsl(29 15% 55%)
- HWB
- hwb(29 49% 38%)
- OKLCH
- oklch(0.655 0.033 65.6)
- OKLab
- oklab(0.655 0.014 0.03)
- CIE Lab
- lab(59.92 4.9 11.7)
- LCH
- lch(59.92 12.69 67.3)
- CMYK
- cmyk(0% 11% 22% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A89888
- B2A395
- BBAEA2
- C5B9AF
- CEC5BC
- D8D0C9
- E1DCD6
- EBE7E4
- F5F3F1
Odcienie ciemniejsze
- 8A7A6B
- 75675A
- 61554A
- 4D443B
- 3B332C
- 29231E
- 181411
- 090705
- 010101
Tony
- 9C8C7C
- 998A7D
- 96897D
- 93887E
- 8F877E
- 8C857F
- 89847F
- 86837F
- 838180
Harmonie kolorów
Komplementarna +180°
- 9F8D7C
Silver Mink
- 8193A4
≈ Dusty Blue
Analogowa -30° +30°
- 9F8D7C
Silver Mink
- A38A83
≈ Light Caramel
- 96917A
≈ Bunglehouse Beige
Triada +120° +240°
- 9F8D7C
Silver Mink
- 7B9793
≈ Green Granite
- 958CA1
≈ Gentle Mauve
Komplementarna rozszczepiona +150° +210°
- 9F8D7C
Silver Mink
- 7B969D
≈ Kingfisher Grey
- 8B8FA5
≈ Dusty Heather
Tetrada +90° +180° +270°
- 9F8D7C
Silver Mink
- 819788
≈ Paradise Found
- 8193A4
≈ Dusty Blue
- 9E8998
≈ Piano Mauve
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.19:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.57:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.57:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
CSS
:root {
--silver-mink: #9f8d7c;
--silver-mink-rgb: 159 141 124;
--silver-mink-oklch: oklch(0.655 0.033 65.6);
}
.element {
color: var(--silver-mink);
background-color: hsl(29 15% 55%);
border-color: oklch(0.655 0.033 65.6);
}Tailwind CSS v4
@theme {
--color-silver-mink: #9f8d7c;
--color-silver-mink-50: #fcf4eb;
--color-silver-mink-100: #f0e6dd;
--color-silver-mink-200: #ded2c6;
--color-silver-mink-300: #c3b5a6;
--color-silver-mink-400: #ac9b8b;
--color-silver-mink-500: #968270;
--color-silver-mink-600: #7f6e5f;
--color-silver-mink-700: #65584c;
--color-silver-mink-800: #4b4037;
--color-silver-mink-900: #342c25;
--color-silver-mink-950: #1f1914;
}SCSS
$silver-mink: #9f8d7c;
$silver-mink-rgb: 159, 141, 124;
$silver-mink-light: mix(#fff, $silver-mink, 20%);
$silver-mink-dark: mix(#000, $silver-mink, 20%);
.element {
color: $silver-mink;
box-shadow: 0 0 0 2px rgba($silver-mink, 0.35);
}