Nazwany kolor · #9DA28E
Meadowood
Meadowood to #9DA28E: rgb(157 162 142), hsl(75 10% 60%), oklch(0.702 0.029 118.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Meadowood color name →
#9DA28E
oklch(0.702 0.029 118.6)
Konwersje koloru
- HEX
- #9da28e
- RGB
- rgb(157 162 142)
- HSL
- hsl(75 10% 60%)
- HWB
- hwb(75 56% 36%)
- OKLCH
- oklch(0.702 0.029 118.6)
- OKLab
- oklab(0.702 -0.014 0.025)
- CIE Lab
- lab(65.78 -4.59 9.8)
- LCH
- lch(65.78 10.82 115.1)
- CMYK
- cmyk(3% 0% 12% 36%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A6AB99
- B0B4A4
- B9BDAF
- C3C6BA
- CDD0C5
- D7D9D1
- E1E2DC
- EBECE8
- F5F5F3
Odcienie ciemniejsze
- 888C7B
- 737768
- 5F6356
- 4C4F44
- 3A3C34
- 282A24
- 181915
- 090A07
- 010101
Tony
- 9A9F8D
- 979B8B
- 94988A
- 919489
- 8E9187
- 8B8D86
- 898A84
- 868783
- 838381
Harmonie kolorów
Komplementarna +180°
- 9DA28E
Meadowood
- A19CAF
≈ Indolence
Analogowa -30° +30°
- 9DA28E
Meadowood
- A69F8B
≈ Apple Hill
- 93A495
≈ Heavenly Garden
Triada +120° +240°
- 9DA28E
Meadowood
- 8FA2B0
≈ Cadet Grey
- AF989F
≈ Legendary Lilac
Komplementarna rozszczepiona +150° +210°
- 9DA28E
Meadowood
- 979FB2
≈ Moonlight Stroll
- AA99A8
≈ Pink Orthoclase
Tetrada +90° +180° +270°
- 9DA28E
Meadowood
- 8BA5A9
≈ Impressionist
- A19CAF
≈ Indolence
- B19995
≈ Tricycle Taupe
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.62:1 · APCA Lc 51
Ag
AAANa czerni
WCAG 7.99:1 · APCA Lc 51
Najlepszy kolor tekstu: #000000
WCAG 7.99:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmenty kodu
CSS
:root {
--meadowood: #9da28e;
--meadowood-rgb: 157 162 142;
--meadowood-oklch: oklch(0.702 0.029 118.6);
}
.element {
color: var(--meadowood);
background-color: hsl(75 10% 60%);
border-color: oklch(0.702 0.029 118.6);
}Tailwind CSS v4
@theme {
--color-meadowood: #9da28e;
--color-meadowood-50: #f4f6ed;
--color-meadowood-100: #e6e9df;
--color-meadowood-200: #d2d6c9;
--color-meadowood-300: #b5baaa;
--color-meadowood-400: #9ca18e;
--color-meadowood-500: #848974;
--color-meadowood-600: #707462;
--color-meadowood-700: #595d4e;
--color-meadowood-800: #424439;
--color-meadowood-900: #2d2f27;
--color-meadowood-950: #1a1b15;
}SCSS
$meadowood: #9da28e;
$meadowood-rgb: 157, 162, 142;
$meadowood-light: mix(#fff, $meadowood, 20%);
$meadowood-dark: mix(#000, $meadowood, 20%);
.element {
color: $meadowood;
box-shadow: 0 0 0 2px rgba($meadowood, 0.35);
}