Nazwany kolor · #9D9586
Greywood
Greywood to #9D9586: rgb(157 149 134), hsl(39 11% 57%), oklch(0.672 0.024 83.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Greywood color name →
#9D9586
oklch(0.672 0.024 83.2)
Konwersje koloru
- HEX
- #9d9586
- RGB
- rgb(157 149 134)
- HSL
- hsl(39 11% 57%)
- HWB
- hwb(39 53% 38%)
- OKLCH
- oklch(0.672 0.024 83.2)
- OKLab
- oklab(0.672 0.003 0.023)
- CIE Lab
- lab(62.08 1.08 9.07)
- LCH
- lch(62.08 9.13 83.2)
- CMYK
- cmyk(0% 5% 15% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A69F91
- B0A99D
- B9B4A9
- C3BEB5
- CDC9C1
- D7D3CD
- E1DED9
- EBE9E6
- F5F4F2
Odcienie ciemniejsze
- 888174
- 736D62
- 5F5A51
- 4C4840
- 3A3730
- 282621
- 181613
- 090806
- 010101
Tony
- 9A9385
- 979185
- 948F84
- 918D84
- 8E8A83
- 8B8883
- 898682
- 868481
- 838281
Harmonie kolorów
Komplementarna +180°
- 9D9586
Greywood
- 8E96A5
≈ Trance
Analogowa -30° +30°
- 9D9586
Greywood
- A29289
≈ Talavera
- 969887
≈ California Sagebrush
Triada +120° +240°
- 9D9586
Greywood
- 869B9C
≈ North Beach Blue
- 9D919E
≈ Cut Heather
Komplementarna rozszczepiona +150° +210°
- 9D9586
Greywood
- 8899A2
≈ Thundercat
- 9694A4
≈ Ash Violet
Tetrada +90° +180° +270°
- 9D9586
Greywood
- 889B95
≈ Rainy Afternoon
- 8E96A5
≈ Trance
- A29097
≈ Nirvana
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.96:1 · APCA Lc 56
Ag
AAANa czerni
WCAG 7.07:1 · APCA Lc 46
Najlepszy kolor tekstu: #000000
WCAG 7.07:1 (AAA) · APCA Lc 46
Contrast pairs
Fragmenty kodu
CSS
:root {
--greywood: #9d9586;
--greywood-rgb: 157 149 134;
--greywood-oklch: oklch(0.672 0.024 83.2);
}
.element {
color: var(--greywood);
background-color: hsl(39 11% 57%);
border-color: oklch(0.672 0.024 83.2);
}Tailwind CSS v4
@theme {
--color-greywood: #9d9586;
--color-greywood-50: #f8f5ee;
--color-greywood-100: #ebe7df;
--color-greywood-200: #d9d4c9;
--color-greywood-300: #bdb7aa;
--color-greywood-400: #a59d8f;
--color-greywood-500: #8e8575;
--color-greywood-600: #787163;
--color-greywood-700: #605a4f;
--color-greywood-800: #474239;
--color-greywood-900: #312d27;
--color-greywood-950: #1d1a15;
}SCSS
$greywood: #9d9586;
$greywood-rgb: 157, 149, 134;
$greywood-light: mix(#fff, $greywood, 20%);
$greywood-dark: mix(#000, $greywood, 20%);
.element {
color: $greywood;
box-shadow: 0 0 0 2px rgba($greywood, 0.35);
}