Najbliższy nazwany kolor · #867363
#867363
Najbliższy nazwany kolor: Mink
#867363 (rgb(134 115 99), hsl(27 15% 46%), oklch(0.569 0.034 62.2)) jest najbliższy nazwanemu kolorowi Mink. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#867363
oklch(0.569 0.034 62.2)
Konwersje koloru
- HEX
- #867363
- RGB
- rgb(134 115 99)
- HSL
- hsl(27 15% 46%)
- HWB
- hwb(27 39% 47%)
- OKLCH
- oklch(0.569 0.034 62.2)
- OKLab
- oklab(0.569 0.016 0.03)
- CIE Lab
- lab(49.92 5.71 11.77)
- LCH
- lch(49.92 13.09 64.1)
- CMYK
- cmyk(0% 14% 26% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 928071
- 9D8D80
- A99B8F
- B5A99F
- C1B7AE
- CDC5BE
- D9D3CE
- E6E2DE
- F2F0EE
Odcienie ciemniejsze
- 746355
- 625447
- 51453A
- 40362E
- 302821
- 211B16
- 130F0B
- 060503
- 010100
Tony
- 857466
- 857669
- 84776C
- 84786F
- 837A72
- 837B75
- 827C77
- 817D7A
- 817F7D
Harmonie kolorów
Komplementarna +180°
- 867363
Mink
- 667A8A
≈ Magnet Dapple
Analogowa -30° +30°
- 867363
Mink
- 8A706B
≈ Dutch Cocoa
- 7E7761
≈ String Deep
Triada +120° +240°
Komplementarna rozszczepiona +150° +210°
- 867363
Mink
- 607D83
≈ Refuge
- 70768C
≈ Causeway
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.51:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.64:1 · APCA Lc 30
Najlepszy kolor tekstu: #000000
WCAG 4.64:1 (AA) · APCA Lc 30
Contrast pairs
Fragmenty kodu
CSS
:root {
--mink: #867363;
--mink-rgb: 134 115 99;
--mink-oklch: oklch(0.569 0.034 62.2);
}
.element {
color: var(--mink);
background-color: hsl(27 15% 46%);
border-color: oklch(0.569 0.034 62.2);
}Tailwind CSS v4
@theme {
--color-mink: #867363;
--color-mink-50: #fcf3eb;
--color-mink-100: #f0e6dd;
--color-mink-200: #dfd2c6;
--color-mink-300: #c4b4a6;
--color-mink-400: #ae9a8b;
--color-mink-500: #978270;
--color-mink-600: #806e5f;
--color-mink-700: #66584c;
--color-mink-800: #4b4037;
--color-mink-900: #342c25;
--color-mink-950: #201914;
}SCSS
$mink: #867363;
$mink-rgb: 134, 115, 99;
$mink-light: mix(#fff, $mink, 20%);
$mink-dark: mix(#000, $mink, 20%);
.element {
color: $mink;
box-shadow: 0 0 0 2px rgba($mink, 0.35);
}