Nazwany kolor · #725440
Moose Fur
Moose Fur to #725440: rgb(114 84 64), hsl(24 28% 35%), oklch(0.472 0.05 54.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Moose Fur color name →
#725440
oklch(0.472 0.05 54.8)
Konwersje koloru
- HEX
- #725440
- RGB
- rgb(114 84 64)
- HSL
- hsl(24 28% 35%)
- HWB
- hwb(24 25% 55%)
- OKLCH
- oklch(0.472 0.05 54.8)
- OKLab
- oklab(0.472 0.029 0.041)
- CIE Lab
- lab(38.57 10.8 16.83)
- LCH
- lch(38.57 19.99 57.3)
- CMYK
- cmyk(0% 26% 44% 55%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 806451
- 8D7463
- 9B8475
- A99588
- B7A69B
- C5B7AE
- D3C9C2
- E2DBD6
- F0EDEA
Odcienie ciemniejsze
- 624836
- 533C2D
- 443124
- 36261B
- 281B13
- 1B110B
- 0E0805
- 040201
- 010000
Tony
- 745846
- 755D4D
- 776153
- 78665A
- 7A6A60
- 7B6E66
- 7C736D
- 7E7773
- 7F7C7A
Harmonie kolorów
Komplementarna +180°
- 725440
Moose Fur
- 3E6074
≈ The Fang Grey
Analogowa -30° +30°
- 725440
Moose Fur
- 75504D
≈ Veil of Cinder
- 69593A
≈ Gun Corps Brown
Triada +120° +240°
- 725440
Moose Fur
- 3B655A
≈ Forest Greenery
- 5D5675
≈ Taylor
Komplementarna rozszczepiona +150° +210°
- 725440
Moose Fur
- 366469
≈ China Green Blue
- 4D5B78
≈ Blue Review
Tetrada +90° +180° +270°
- 725440
Moose Fur
- 4A634A
≈ Vizcaya Palm
- 3E6074
≈ The Fang Grey
- 6A526B
≈ Vintner
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.86:1 · APCA Lc 84
Ag
FailNa czerni
WCAG 3.05:1 · APCA Lc 18
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.86:1 (AA) · APCA Lc 84
Contrast pairs
Fragmenty kodu
CSS
:root {
--moose-fur: #725440;
--moose-fur-rgb: 114 84 64;
--moose-fur-oklch: oklch(0.472 0.05 54.8);
}
.element {
color: var(--moose-fur);
background-color: hsl(24 28% 35%);
border-color: oklch(0.472 0.05 54.8);
}Tailwind CSS v4
@theme {
--color-moose-fur: #725440;
--color-moose-fur-50: #fff2e8;
--color-moose-fur-100: #f6e4d8;
--color-moose-fur-200: #e6cfc0;
--color-moose-fur-300: #ccb19f;
--color-moose-fur-400: #b79782;
--color-moose-fur-500: #a17e66;
--color-moose-fur-600: #886a57;
--color-moose-fur-700: #6d5545;
--color-moose-fur-800: #513e32;
--color-moose-fur-900: #382a22;
--color-moose-fur-950: #231811;
}SCSS
$moose-fur: #725440;
$moose-fur-rgb: 114, 84, 64;
$moose-fur-light: mix(#fff, $moose-fur, 20%);
$moose-fur-dark: mix(#000, $moose-fur, 20%);
.element {
color: $moose-fur;
box-shadow: 0 0 0 2px rgba($moose-fur, 0.35);
}