Nazwany kolor · #909B4C
Spinach Green
Spinach Green to #909B4C: rgb(144 155 76), hsl(68 34% 45%), oklch(0.663 0.105 115.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Spinach Green color name →
#909B4C
oklch(0.663 0.105 115.9)
Konwersje koloru
- HEX
- #909b4c
- RGB
- rgb(144 155 76)
- HSL
- hsl(68 34% 45%)
- HWB
- hwb(68 30% 39%)
- OKLCH
- oklch(0.663 0.105 115.9)
- OKLab
- oklab(0.663 -0.046 0.094)
- CIE Lab
- lab(61.78 -12.97 39.5)
- LCH
- lch(61.78 41.57 108.2)
- CMYK
- cmyk(7% 0% 51% 39%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9AA55F
- A5AF71
- B0B983
- BBC395
- C6CDA6
- D1D7B8
- DCE1C9
- E8EBDB
- F3F5ED
Odcienie ciemniejsze
- 7D8641
- 6A7236
- 575E2C
- 454B22
- 343918
- 24280F
- 151806
- 070902
- 010100
Tony
- 8E9853
- 8D9659
- 8B935F
- 899165
- 888E6A
- 868B6F
- 848873
- 838678
- 81837C
Harmonie kolorów
Komplementarna +180°
- 909B4C
Spinach Green
- 9986CC
≈ Petrified Purple
Analogowa -30° +30°
- 909B4C
Spinach Green
- B08E40
≈ Pirate’s Hook
- 67A46C
≈ Aqua Forest
Triada +120° +240°
- 909B4C
Spinach Green
- 4B9DCA
≈ Blue Iguana
- C67795
≈ Watermelon Pink
Komplementarna rozszczepiona +150° +210°
- 909B4C
Spinach Green
- 7591D4
≈ Organza Violet
- B47CB6
≈ Colombo Red Mauve
Tetrada +90° +180° +270°
- 909B4C
Spinach Green
- 28A5B2
≈ Marine Tinge
- 9986CC
≈ Petrified Purple
- CB7971
≈ Chilli Soda
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.00:1 · APCA Lc 57
Ag
AANa czerni
WCAG 6.97:1 · APCA Lc 45
Najlepszy kolor tekstu: #000000
WCAG 6.97:1 (AA) · APCA Lc 45
Contrast pairs
Fragmenty kodu
CSS
:root {
--spinach-green: #909b4c;
--spinach-green-rgb: 144 155 76;
--spinach-green-oklch: oklch(0.663 0.105 115.9);
}
.element {
color: var(--spinach-green);
background-color: hsl(68 34% 45%);
border-color: oklch(0.663 0.105 115.9);
}Tailwind CSS v4
@theme {
--color-spinach-green: #909b4c;
--color-spinach-green-50: #f2fad8;
--color-spinach-green-100: #e4edc6;
--color-spinach-green-200: #d0dba8;
--color-spinach-green-300: #b2bf81;
--color-spinach-green-400: #9ba65c;
--color-spinach-green-500: #838e34;
--color-spinach-green-600: #6f782e;
--color-spinach-green-700: #596024;
--color-spinach-green-800: #424617;
--color-spinach-green-900: #2e310f;
--color-spinach-green-950: #1a1d03;
}SCSS
$spinach-green: #909b4c;
$spinach-green-rgb: 144, 155, 76;
$spinach-green-light: mix(#fff, $spinach-green, 20%);
$spinach-green-dark: mix(#000, $spinach-green, 20%);
.element {
color: $spinach-green;
box-shadow: 0 0 0 2px rgba($spinach-green, 0.35);
}