Nazwany kolor · #5C5451
Wolf’s Fur
Wolf’s Fur to #5C5451: rgb(92 84 81), hsl(16 6% 34%), oklch(0.453 0.012 41.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Wolf’s Fur color name →
#5C5451
oklch(0.453 0.012 41.8)
Konwersje koloru
- HEX
- #5c5451
- RGB
- rgb(92 84 81)
- HSL
- hsl(16 6% 34%)
- HWB
- hwb(16 32% 64%)
- OKLCH
- oklch(0.453 0.012 41.8)
- OKLab
- oklab(0.453 0.009 0.008)
- CIE Lab
- lab(36.43 2.95 3)
- LCH
- lch(36.43 4.21 45.6)
- CMYK
- cmyk(0% 9% 12% 64%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6B6361
- 7A7371
- 8A8481
- 9A9492
- AAA5A4
- BAB7B5
- CBC8C7
- DCDADA
- EDEDEC
Odcienie ciemniejsze
- 4F4845
- 423C3A
- 36312F
- 2A2624
- 1F1B1A
- 141110
- 0A0807
- 030202
- 000000
Tony
- 605856
- 635D5A
- 67615F
- 6A6563
- 6E6A68
- 716E6D
- 757272
- 797776
- 7C7B7B
Harmonie kolorów
Komplementarna +180°
- 5C5451
Wolf’s Fur
- 4F585B
≈ Cobalt Cannon
Analogowa -30° +30°
- 5C5451
Wolf’s Fur
- 5C5354
≈ Bittersweet Molasses
- 5A554F
≈ Dominant Grey
Triada +120° +240°
- 5C5451
Wolf’s Fur
- 515854
≈ Addo
- 55555C
≈ Coal Tipple
Komplementarna rozszczepiona +150° +210°
- 5C5451
Wolf’s Fur
- 4F5858
≈ Cobalt Cannon
- 51575C
≈ Bovine
Tetrada +90° +180° +270°
- 5C5451
Wolf’s Fur
- 545751
≈ Addo
- 4F585B
≈ Cobalt Cannon
- 58545B
≈ Coal Tipple
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.38:1 · APCA Lc 86
Ag
FailNa czerni
WCAG 2.84:1 · APCA Lc 16
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.38:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--wolf-s-fur: #5c5451;
--wolf-s-fur-rgb: 92 84 81;
--wolf-s-fur-oklch: oklch(0.453 0.012 41.8);
}
.element {
color: var(--wolf-s-fur);
background-color: hsl(16 6% 34%);
border-color: oklch(0.453 0.012 41.8);
}Tailwind CSS v4
@theme {
--color-wolf-s-fur: #5c5451;
--color-wolf-s-fur-50: #f8f4f2;
--color-wolf-s-fur-100: #ebe7e5;
--color-wolf-s-fur-200: #d9d3d0;
--color-wolf-s-fur-300: #bdb6b3;
--color-wolf-s-fur-400: #a59c99;
--color-wolf-s-fur-500: #8d8480;
--color-wolf-s-fur-600: #78706d;
--color-wolf-s-fur-700: #605957;
--color-wolf-s-fur-800: #46413f;
--color-wolf-s-fur-900: #312d2c;
--color-wolf-s-fur-950: #1d1a19;
}SCSS
$wolf-s-fur: #5c5451;
$wolf-s-fur-rgb: 92, 84, 81;
$wolf-s-fur-light: mix(#fff, $wolf-s-fur, 20%);
$wolf-s-fur-dark: mix(#000, $wolf-s-fur, 20%);
.element {
color: $wolf-s-fur;
box-shadow: 0 0 0 2px rgba($wolf-s-fur, 0.35);
}