Couleur nommée · #5F9727
Limeade
Limeade correspond à #5F9727 : rgb(95 151 39), hsl(90 59% 37%), oklch(0.615 0.153 132.7). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Green mean? → · Limeade color name →
#5F9727
oklch(0.615 0.153 132.7)
Conversions de couleur
- HEX
- #5f9727
- RGB
- rgb(95 151 39)
- HSL
- hsl(90 59% 37%)
- HWB
- hwb(90 15% 41%)
- OKLCH
- oklch(0.615 0.153 132.7)
- OKLab
- oklab(0.615 -0.104 0.112)
- CIE Lab
- lab(56.93 -32.91 49.27)
- LCH
- lch(56.93 59.26 123.7)
- CMYK
- cmyk(37% 0% 74% 41%)
Teintes · Ombres · Tons
Teintes
- 6FA143
- 7EAC5A
- 8EB66F
- 9DC184
- ADCB98
- BDD6AD
- CEE0C1
- DEEAD6
- EEF5EA
Ombres
- 528320
- 446F1A
- 385C14
- 2C490E
- 203708
- 152604
- 0A1702
- 030801
- 000100
Tons
- 639536
- 669341
- 6A914B
- 6D8F54
- 718C5C
- 748A64
- 77886C
- 7A8573
- 7D8379
Harmonies de couleurs
Complémentaire +180°
- 5F9727
Limeade
- A466C6
≈ Rich Lavender
Analogue -30° +30°
- 5F9727
Limeade
- 948700
≈ Medusa Green
- 009D6D
≈ Jitterbug Jade
Triadique +120° +240°
- 5F9727
Limeade
- 3587DD
≈ Bleu de France
- CF576B
≈ Imayou Pink
Complémentaire divisée +150° +210°
- 5F9727
Limeade
- 7975DD
≈ Hera Blue
- C15A9D
≈ Llilacquered
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.53:1 · APCA Lc 63
Ag
AASur noir
WCAG 5.94:1 · APCA Lc 39
Meilleure couleur de texte: #000000
WCAG 5.94:1 (AA) · APCA Lc 39
Contrast pairs
Extraits de code
CSS
:root {
--limeade: #5f9727;
--limeade-rgb: 95 151 39;
--limeade-oklch: oklch(0.615 0.153 132.7);
}
.element {
color: var(--limeade);
background-color: hsl(90 59% 37%);
border-color: oklch(0.615 0.153 132.7);
}Tailwind CSS v4
@theme {
--color-limeade: #5f9727;
--color-limeade-50: #e3ffd4;
--color-limeade-100: #d3f4c1;
--color-limeade-200: #b9e3a1;
--color-limeade-300: #96c977;
--color-limeade-400: #7ab14c;
--color-limeade-500: #5c9a12;
--color-limeade-600: #4e8215;
--color-limeade-700: #3e6811;
--color-limeade-800: #2f4c05;
--color-limeade-900: #203504;
--color-limeade-950: #0f2000;
}SCSS
$limeade: #5f9727;
$limeade-rgb: 95, 151, 39;
$limeade-light: mix(#fff, $limeade, 20%);
$limeade-dark: mix(#000, $limeade, 20%);
.element {
color: $limeade;
box-shadow: 0 0 0 2px rgba($limeade, 0.35);
}