Nazwany kolor · #897269
Elkhound
Elkhound to #897269: rgb(137 114 105), hsl(17 13% 47%), oklch(0.571 0.032 42.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Elkhound color name →
#897269
oklch(0.571 0.032 42.5)
Konwersje koloru
- HEX
- #897269
- RGB
- rgb(137 114 105)
- HSL
- hsl(17 13% 47%)
- HWB
- hwb(17 41% 46%)
- OKLCH
- oklch(0.571 0.032 42.5)
- OKLab
- oklab(0.571 0.024 0.022)
- CIE Lab
- lab(50.08 8.21 8.55)
- LCH
- lch(50.08 11.85 46.2)
- CMYK
- cmyk(0% 17% 23% 46%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 947F77
- A08D85
- AB9A94
- B7A8A2
- C3B6B1
- CFC4C0
- DBD3D0
- E7E1DF
- F3F0EF
Odcienie ciemniejsze
- 76625A
- 64534C
- 53443E
- 423631
- 312824
- 221B18
- 140E0C
- 070404
- 010100
Tony
- 88736B
- 87756E
- 877670
- 867872
- 857975
- 847A77
- 837C79
- 827D7B
- 817F7E
Harmonie kolorów
Komplementarna +180°
- 897269
Elkhound
- 647C86
≈ Passageway
Analogowa -30° +30°
- 897269
Elkhound
- 8A7072
≈ Sandstone Red Grey
- 847563
≈ Sandy Shoes
Triada +120° +240°
- 897269
Elkhound
- 677E72
≈ Ecological
- 74768B
≈ Fantasia
Komplementarna rozszczepiona +150° +210°
- 897269
Elkhound
- 627E7D
≈ Teal Stencil
- 6B798B
≈ Menacing Clouds
Tetrada +90° +180° +270°
- 897269
Elkhound
- 717C69
≈ Greenland
- 647C86
≈ Passageway
- 7E7386
≈ Dull Mauve
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.49:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.67:1 · APCA Lc 30
Najlepszy kolor tekstu: #000000
WCAG 4.67:1 (AA) · APCA Lc 30
Contrast pairs
Fragmenty kodu
CSS
:root {
--elkhound: #897269;
--elkhound-rgb: 137 114 105;
--elkhound-oklch: oklch(0.571 0.032 42.5);
}
.element {
color: var(--elkhound);
background-color: hsl(17 13% 47%);
border-color: oklch(0.571 0.032 42.5);
}Tailwind CSS v4
@theme {
--color-elkhound: #897269;
--color-elkhound-50: #fef2ee;
--color-elkhound-100: #f2e5df;
--color-elkhound-200: #e1d0c9;
--color-elkhound-300: #c6b3aa;
--color-elkhound-400: #b09990;
--color-elkhound-500: #998076;
--color-elkhound-600: #826c64;
--color-elkhound-700: #685650;
--color-elkhound-800: #4d3f3a;
--color-elkhound-900: #352b28;
--color-elkhound-950: #201916;
}SCSS
$elkhound: #897269;
$elkhound-rgb: 137, 114, 105;
$elkhound-light: mix(#fff, $elkhound, 20%);
$elkhound-dark: mix(#000, $elkhound, 20%);
.element {
color: $elkhound;
box-shadow: 0 0 0 2px rgba($elkhound, 0.35);
}