Couleur nommée la plus proche · #5C8046
#5C8046
Couleur nommée la plus proche: Kale
#5C8046 (rgb(92 128 70), hsl(97 29% 39%), oklch(0.558 0.094 134.5)) est la plus proche de la couleur nommée Kale. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#5C8046
oklch(0.558 0.094 134.5)
Conversions de couleur
- HEX
- #5c8046
- RGB
- rgb(92 128 70)
- HSL
- hsl(97 29% 39%)
- HWB
- hwb(97 27% 50%)
- OKLCH
- oklch(0.558 0.094 134.5)
- OKLab
- oklab(0.558 -0.066 0.067)
- CIE Lab
- lab(49.77 -21.6 27.14)
- LCH
- lch(49.77 34.69 128.5)
- CMYK
- cmyk(28% 0% 45% 50%)
Teintes · Ombres · Tons
Teintes
- 6B8C58
- 7B996A
- 8BA57C
- 9BB28E
- ABBEA0
- BBCBB3
- CCD8C5
- DDE5D8
- EEF2EC
Ombres
- 4F6E3C
- 425D32
- 364D28
- 2A3D1E
- 1F2E15
- 141F0D
- 0A1205
- 030602
- 000100
Tons
- 60804D
- 648053
- 678059
- 6B805F
- 6E8164
- 72806A
- 768070
- 798075
- 7D807B
Harmonies de couleurs
Complémentaire +180°
- 5C8046
Kale
- 88639A
≈ Wisteria Purple
Analogue -30° +30°
Triadique +120° +240°
- 5C8046
Kale
- 4C76AA
≈ Co Pilot
- A35C62
≈ Pizza Pie
Complémentaire divisée +150° +210°
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.53:1 · APCA Lc 71
Ag
AASur noir
WCAG 4.63:1 · APCA Lc 30
Meilleure couleur de texte: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
Extraits de code
CSS
:root {
--kale: #5c8046;
--kale-rgb: 92 128 70;
--kale-oklch: oklch(0.558 0.094 134.5);
}
.element {
color: var(--kale);
background-color: hsl(97 29% 39%);
border-color: oklch(0.558 0.094 134.5);
}Tailwind CSS v4
@theme {
--color-kale: #5c8046;
--color-kale-50: #e9fce2;
--color-kale-100: #daf0d1;
--color-kale-200: #c2deb7;
--color-kale-300: #a2c393;
--color-kale-400: #87ab72;
--color-kale-500: #6b9452;
--color-kale-600: #5b7d46;
--color-kale-700: #496438;
--color-kale-800: #364926;
--color-kale-900: #25331a;
--color-kale-950: #131e0a;
}SCSS
$kale: #5c8046;
$kale-rgb: 92, 128, 70;
$kale-light: mix(#fff, $kale, 20%);
$kale-dark: mix(#000, $kale, 20%);
.element {
color: $kale;
box-shadow: 0 0 0 2px rgba($kale, 0.35);
}