Couleur nommée la plus proche · #739500
#739500
Couleur nommée la plus proche: Green Thumb
#739500 (rgb(115 149 0), hsl(74 100% 29%), oklch(0.621 0.155 124.2)) 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.
#739500
oklch(0.621 0.155 124.2)
Conversions de couleur
- HEX
- #739500
- RGB
- rgb(115 149 0)
- HSL
- hsl(74 100% 29%)
- HWB
- hwb(74 0% 42%)
- OKLCH
- oklch(0.621 0.155 124.2)
- OKLab
- oklab(0.621 -0.087 0.128)
- CIE Lab
- lab(57.42 -25.27 59.2)
- LCH
- lch(57.42 64.37 113.1)
- CMYK
- cmyk(23% 0% 100% 42%)
Teintes · Ombres · Tons
Teintes
- 80A033
- 8DAA4F
- 9BB567
- A8C07D
- B6CA93
- C4D5A9
- D3DFBE
- E1EAD4
- F0F4E9
Ombres
- 638100
- 546D00
- 455A00
- 364800
- 283700
- 1B2600
- 0F1600
- 050800
- 010100
Tons
- 749324
- 759135
- 779042
- 788E4D
- 798C57
- 7B8960
- 7C8769
- 7D8571
- 7F8379
Harmonies de couleurs
Complémentaire +180°
- 739500
Green Thumb
- 9B6BD1
≈ Iridescent Purple
Analogue -30° +30°
- 739500
Green Thumb
- A08400
≈ Pestilence
- 06A05A
≈ Shamrock
Triadique +120° +240°
- 739500
Green Thumb
- 008DDB
≈ Blue Cola
- D0587B
≈ Peppermint Swirl
Complémentaire divisée +150° +210°
- 739500
Green Thumb
- 6B7CE2
≈ Pan Purple
- BD5EAC
≈ Mazzy Star
Tétradique +90° +180° +270°
- 739500
Green Thumb
- 0097AF
≈ Aquarium Diver
- 9B6BD1
≈ Iridescent Purple
- D35D42
≈ Flame Stitch
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.48:1 · APCA Lc 62
Ag
AASur noir
WCAG 6.02:1 · APCA Lc 40
Meilleure couleur de texte: #000000
WCAG 6.02:1 (AA) · APCA Lc 40
Contrast pairs
Extraits de code
CSS
:root {
--green-thumb: #739500;
--green-thumb-rgb: 115 149 0;
--green-thumb-oklch: oklch(0.621 0.155 124.2);
}
.element {
color: var(--green-thumb);
background-color: hsl(74 100% 29%);
border-color: oklch(0.621 0.155 124.2);
}Tailwind CSS v4
@theme {
--color-green-thumb: #739500;
--color-green-thumb-50: #eafece;
--color-green-thumb-100: #dbf2ba;
--color-green-thumb-200: #c3e198;
--color-green-thumb-300: #a3c66b;
--color-green-thumb-400: #8bad39;
--color-green-thumb-500: #719600;
--color-green-thumb-600: #607f00;
--color-green-thumb-700: #4c6500;
--color-green-thumb-800: #3a4a00;
--color-green-thumb-900: #273300;
--color-green-thumb-950: #161f00;
}SCSS
$green-thumb: #739500;
$green-thumb-rgb: 115, 149, 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);
}