Nazwany kolor · #779900
Green Thumb
Green Thumb to #779900: rgb(119 153 0), hsl(73 100% 30%), oklch(0.634 0.157 123.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Green Thumb color name →
#779900
oklch(0.634 0.157 123.9)
Konwersje koloru
- HEX
- #779900
- RGB
- rgb(119 153 0)
- HSL
- hsl(73 100% 30%)
- HWB
- hwb(73 0% 40%)
- OKLCH
- oklch(0.634 0.157 123.9)
- OKLab
- oklab(0.634 -0.088 0.13)
- CIE Lab
- lab(58.92 -25.42 60.44)
- LCH
- lch(58.92 65.57 112.8)
- CMYK
- cmyk(22% 0% 100% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 84A334
- 90AE50
- 9EB868
- ABC27E
- B8CC94
- C6D6A9
- D4E1BF
- E2EBD4
- F1F5EA
Odcienie ciemniejsze
- 678400
- 577000
- 475D00
- 384A00
- 2A3800
- 1C2700
- 101700
- 050800
- 010100
Tony
- 789724
- 799536
- 7A9243
- 7A904E
- 7B8D58
- 7C8B61
- 7D8869
- 7E8671
- 7F8379
Harmonie kolorów
Komplementarna +180°
- 779900
Green Thumb
- 9F6ED7
≈ Iridescent Purple
Analogowa -30° +30°
- 779900
Green Thumb
- A48800
≈ Golden Palm
- 0EA55C
≈ Alhambra Green
Triada +120° +240°
- 779900
Green Thumb
- 0091E1
≈ Kahu Blue
- D55B7F
≈ Peppermint Swirl
Komplementarna rozszczepiona +150° +210°
- 779900
Green Thumb
- 6E80E8
≈ Soft Blue
- C161B1
≈ Mazzy Star
Tetrada +90° +180° +270°
- 779900
Green Thumb
- 009BB3
≈ Caneel Bay
- 9F6ED7
≈ Iridescent Purple
- D86045
≈ Fireglow
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.31:1 · APCA Lc 60
Ag
AANa czerni
WCAG 6.34:1 · APCA Lc 41
Najlepszy kolor tekstu: #000000
WCAG 6.34:1 (AA) · APCA Lc 41
Contrast pairs
Fragmenty kodu
CSS
:root {
--green-thumb: #779900;
--green-thumb-rgb: 119 153 0;
--green-thumb-oklch: oklch(0.634 0.157 123.9);
}
.element {
color: var(--green-thumb);
background-color: hsl(73 100% 30%);
border-color: oklch(0.634 0.157 123.9);
}Tailwind CSS v4
@theme {
--color-green-thumb: #779900;
--color-green-thumb-50: #eafecd;
--color-green-thumb-100: #dbf2b9;
--color-green-thumb-200: #c4e197;
--color-green-thumb-300: #a3c669;
--color-green-thumb-400: #8bad36;
--color-green-thumb-500: #719600;
--color-green-thumb-600: #607f00;
--color-green-thumb-700: #4c6500;
--color-green-thumb-800: #3a4a00;
--color-green-thumb-900: #283300;
--color-green-thumb-950: #161f00;
}SCSS
$green-thumb: #779900;
$green-thumb-rgb: 119, 153, 0;
$green-thumb-light: mix(#fff, $green-thumb, 20%);
$green-thumb-dark: mix(#000, $green-thumb, 20%);
.element {
color: $green-thumb;
box-shadow: 0 0 0 2px rgba($green-thumb, 0.35);
}