Couleur nommée · #779900
Green Thumb
Green Thumb correspond à #779900 : rgb(119 153 0), hsl(73 100% 30%), oklch(0.634 0.157 123.9). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Yellow mean? → · Green Thumb color name →
#779900
oklch(0.634 0.157 123.9)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 84A334
- 90AE50
- 9EB868
- ABC27E
- B8CC94
- C6D6A9
- D4E1BF
- E2EBD4
- F1F5EA
Ombres
- 678400
- 577000
- 475D00
- 384A00
- 2A3800
- 1C2700
- 101700
- 050800
- 010100
Tons
- 789724
- 799536
- 7A9243
- 7A904E
- 7B8D58
- 7C8B61
- 7D8869
- 7E8671
- 7F8379
Harmonies de couleurs
Complémentaire +180°
- 779900
Green Thumb
- 9F6ED7
≈ Iridescent Purple
Analogue -30° +30°
- 779900
Green Thumb
- A48800
≈ Golden Palm
- 0EA55C
≈ Alhambra Green
Triadique +120° +240°
- 779900
Green Thumb
- 0091E1
≈ Kahu Blue
- D55B7F
≈ Peppermint Swirl
Complémentaire divisée +150° +210°
- 779900
Green Thumb
- 6E80E8
≈ Soft Blue
- C161B1
≈ Mazzy Star
Tétradique +90° +180° +270°
- 779900
Green Thumb
- 009BB3
≈ Caneel Bay
- 9F6ED7
≈ Iridescent Purple
- D86045
≈ Fireglow
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.31:1 · APCA Lc 60
Ag
AASur noir
WCAG 6.34:1 · APCA Lc 41
Meilleure couleur de texte: #000000
WCAG 6.34:1 (AA) · APCA Lc 41
Contrast pairs
Extraits de code
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);
}