Nazwany kolor · #A0A089
Potting Moss
Potting Moss to #A0A089: rgb(160 160 137), hsl(60 11% 58%), oklch(0.699 0.032 107.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Potting Moss color name →
#A0A089
oklch(0.699 0.032 107.2)
Konwersje koloru
- HEX
- #a0a089
- RGB
- rgb(160 160 137)
- HSL
- hsl(60 11% 58%)
- HWB
- hwb(60 54% 37%)
- OKLCH
- oklch(0.699 0.032 107.2)
- OKLab
- oklab(0.699 -0.01 0.031)
- CIE Lab
- lab(65.39 -3.04 12.06)
- LCH
- lch(65.39 12.43 104.1)
- CMYK
- cmyk(0% 0% 14% 37%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A9A994
- B2B2A0
- BCBCAB
- C5C5B7
- CECFC3
- D8D8CE
- E2E2DA
- EBEBE7
- F5F5F3
Odcienie ciemniejsze
- 8B8B76
- 767664
- 616153
- 4E4E42
- 3B3B31
- 292922
- 191914
- 090907
- 010101
Tony
- 9D9D88
- 999A87
- 969686
- 939386
- 909085
- 8D8D84
- 898A83
- 868682
- 838381
Harmonie kolorów
Komplementarna +180°
- A0A089
Potting Moss
- 9C9CB2
≈ Logan
Analogowa -30° +30°
- A0A089
Potting Moss
- AA9C88
≈ Creek Bay
- 95A390
≈ Big Fish
Triada +120° +240°
- A0A089
Potting Moss
- 8AA3AE
≈ Blue Alps
- AE96A2
≈ Legendary Lilac
Komplementarna rozszczepiona +150° +210°
- A0A089
Potting Moss
- 929FB3
≈ Foghorn
- A798AC
≈ Pink Orthoclase
Tetrada +90° +180° +270°
- A0A089
Potting Moss
- 87A5A5
≈ Venus Teal
- 9C9CB2
≈ Logan
- B29797
≈ Hazy Rose
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.66:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.88:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.88:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
CSS
:root {
--potting-moss: #a0a089;
--potting-moss-rgb: 160 160 137;
--potting-moss-oklch: oklch(0.699 0.032 107.2);
}
.element {
color: var(--potting-moss);
background-color: hsl(60 11% 58%);
border-color: oklch(0.699 0.032 107.2);
}Tailwind CSS v4
@theme {
--color-potting-moss: #a0a089;
--color-potting-moss-50: #f5f6ec;
--color-potting-moss-100: #e8e9dd;
--color-potting-moss-200: #d5d6c6;
--color-potting-moss-300: #b8b9a6;
--color-potting-moss-400: #a0a08a;
--color-potting-moss-500: #88886f;
--color-potting-moss-600: #73735e;
--color-potting-moss-700: #5c5c4b;
--color-potting-moss-800: #444336;
--color-potting-moss-900: #2f2e25;
--color-potting-moss-950: #1b1b14;
}SCSS
$potting-moss: #a0a089;
$potting-moss-rgb: 160, 160, 137;
$potting-moss-light: mix(#fff, $potting-moss, 20%);
$potting-moss-dark: mix(#000, $potting-moss, 20%);
.element {
color: $potting-moss;
box-shadow: 0 0 0 2px rgba($potting-moss, 0.35);
}