Nazwany kolor · #5C534D
Gardener’s Soil
Gardener’s Soil to #5C534D: rgb(92 83 77), hsl(24 9% 33%), oklch(0.449 0.015 56). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Gardener’s Soil color name →
#5C534D
oklch(0.449 0.015 56)
Konwersje koloru
- HEX
- #5c534d
- RGB
- rgb(92 83 77)
- HSL
- hsl(24 9% 33%)
- HWB
- hwb(24 30% 64%)
- OKLCH
- oklch(0.449 0.015 56)
- OKLab
- oklab(0.449 0.009 0.013)
- CIE Lab
- lab(36.05 2.97 4.94)
- LCH
- lch(36.05 5.76 59)
- CMYK
- cmyk(0% 10% 16% 64%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6B635D
- 7A736D
- 8A837E
- 9A9490
- AAA5A1
- BAB6B3
- CBC8C6
- DCDAD9
- EDECEC
Odcienie ciemniejsze
- 4F4742
- 423B37
- 36302C
- 2A2522
- 1F1B18
- 14110F
- 0A0807
- 030202
- 000000
Tony
- 605752
- 635C57
- 67605C
- 6A6561
- 6E6966
- 716E6B
- 757270
- 797775
- 7C7B7B
Harmonie kolorów
Komplementarna +180°
- 5C534D
Gardener’s Soil
- 4D575D
≈ Submarine Grey
Analogowa -30° +30°
- 5C534D
Gardener’s Soil
- 5D5251
≈ Sophisticated Plum
- 59554C
≈ Sturgis Grey
Triada +120° +240°
- 5C534D
Gardener’s Soil
- 4D5855
≈ Black Spruce
- 55535D
≈ Coal Tipple
Komplementarna rozszczepiona +150° +210°
- 5C534D
Gardener’s Soil
- 4C5859
≈ Cobalt Cannon
- 51555E
≈ Coal Tipple
Tetrada +90° +180° +270°
- 5C534D
Gardener’s Soil
- 505750
≈ Sunken Battleship
- 4D575D
≈ Submarine Grey
- 5A525A
≈ Forged Iron
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.50:1 · APCA Lc 86
Ag
FailNa czerni
WCAG 2.79:1 · APCA Lc 16
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.50:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--gardener-s-soil: #5c534d;
--gardener-s-soil-rgb: 92 83 77;
--gardener-s-soil-oklch: oklch(0.449 0.015 56);
}
.element {
color: var(--gardener-s-soil);
background-color: hsl(24 9% 33%);
border-color: oklch(0.449 0.015 56);
}Tailwind CSS v4
@theme {
--color-gardener-s-soil: #5c534d;
--color-gardener-s-soil-50: #f9f4f1;
--color-gardener-s-soil-100: #ece7e3;
--color-gardener-s-soil-200: #d9d3ce;
--color-gardener-s-soil-300: #beb6b0;
--color-gardener-s-soil-400: #a69c96;
--color-gardener-s-soil-500: #8f847d;
--color-gardener-s-soil-600: #79706a;
--color-gardener-s-soil-700: #605954;
--color-gardener-s-soil-800: #47413d;
--color-gardener-s-soil-900: #312d2a;
--color-gardener-s-soil-950: #1d1a18;
}SCSS
$gardener-s-soil: #5c534d;
$gardener-s-soil-rgb: 92, 83, 77;
$gardener-s-soil-light: mix(#fff, $gardener-s-soil, 20%);
$gardener-s-soil-dark: mix(#000, $gardener-s-soil, 20%);
.element {
color: $gardener-s-soil;
box-shadow: 0 0 0 2px rgba($gardener-s-soil, 0.35);
}