Couleur nommée la plus proche · #7B9600
#7B9600
Couleur nommée la plus proche: Green Thumb
#7B9600 (rgb(123 150 0), hsl(71 100% 29%), oklch(0.629 0.152 121.5)) est la plus proche de la couleur nommée Green Thumb. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#7B9600
oklch(0.629 0.152 121.5)
Conversions de couleur
- HEX
- #7b9600
- RGB
- rgb(123 150 0)
- HSL
- hsl(71 100% 29%)
- HWB
- hwb(71 0% 41%)
- OKLCH
- oklch(0.629 0.152 121.5)
- OKLab
- oklab(0.629 -0.079 0.129)
- CIE Lab
- lab(58.29 -22.38 60.14)
- LCH
- lch(58.29 64.17 110.4)
- CMYK
- cmyk(18% 0% 100% 41%)
Teintes · Ombres · Tons
Teintes
- 87A134
- 94AB4F
- A0B667
- ADC07E
- BACB94
- C8D5A9
- D5E0BF
- E3EAD4
- F1F5E9
Ombres
- 6A8200
- 5A6E00
- 4A5B00
- 3A4900
- 2C3700
- 1E2600
- 101600
- 050800
- 010100
Tons
- 7B9424
- 7C9235
- 7C9043
- 7D8E4E
- 7D8C58
- 7E8A61
- 7E8769
- 7F8571
- 7F8379
Harmonies de couleurs
Complémentaire +180°
- 7B9600
Green Thumb
- 9A70D5
≈ Iridescent Purple
Analogue -30° +30°
- 7B9600
Green Thumb
- A58500
≈ Golden Palm
- 28A258
≈ Full Energy
Triadique +120° +240°
- 7B9600
Green Thumb
- 0091DA
≈ Kahu Blue
- D05C83
≈ Peppermint Swirl
Complémentaire divisée +150° +210°
- 7B9600
Green Thumb
- 6980E4
≈ Soft Blue
- BC62B2
≈ Mazzy Star
Tétradique +90° +180° +270°
- 7B9600
Green Thumb
- 009AAF
≈ Caneel Bay
- 9A70D5
≈ Iridescent Purple
- D5604C
≈ Flame Stitch
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.38:1 · APCA Lc 61
Ag
AASur noir
WCAG 6.20:1 · APCA Lc 41
Meilleure couleur de texte: #000000
WCAG 6.20:1 (AA) · APCA Lc 41
Contrast pairs
Extraits de code
CSS
:root {
--green-thumb: #7b9600;
--green-thumb-rgb: 123 150 0;
--green-thumb-oklch: oklch(0.629 0.152 121.5);
}
.element {
color: var(--green-thumb);
background-color: hsl(71 100% 29%);
border-color: oklch(0.629 0.152 121.5);
}Tailwind CSS v4
@theme {
--color-green-thumb: #7b9600;
--color-green-thumb-50: #ecfdcd;
--color-green-thumb-100: #ddf1b9;
--color-green-thumb-200: #c7e097;
--color-green-thumb-300: #a8c46a;
--color-green-thumb-400: #91ac37;
--color-green-thumb-500: #779400;
--color-green-thumb-600: #657d00;
--color-green-thumb-700: #506400;
--color-green-thumb-800: #3d4900;
--color-green-thumb-900: #2a3300;
--color-green-thumb-950: #171e00;
}SCSS
$green-thumb: #7b9600;
$green-thumb-rgb: 123, 150, 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);
}