Couleur nommée la plus proche · #608645
#608645
Couleur nommée la plus proche: Homegrown
#608645 (rgb(96 134 69), hsl(95 32% 40%), oklch(0.576 0.102 133.6)) est la plus proche de la couleur nommée Homegrown. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#608645
oklch(0.576 0.102 133.6)
Conversions de couleur
- HEX
- #608645
- RGB
- rgb(96 134 69)
- HSL
- hsl(95 32% 40%)
- HWB
- hwb(95 27% 47%)
- OKLCH
- oklch(0.576 0.102 133.6)
- OKLab
- oklab(0.576 -0.07 0.074)
- CIE Lab
- lab(51.9 -22.96 30.34)
- LCH
- lch(51.9 38.05 127.1)
- CMYK
- cmyk(28% 0% 49% 47%)
Teintes · Ombres · Tons
Teintes
- 6F9257
- 7E9E6A
- 8EA97C
- 9DB58E
- ADC1A0
- BDCEB3
- CDDAC6
- DEE6D8
- EEF3EC
Ombres
- 52743B
- 456231
- 385127
- 2C401E
- 203015
- 15210C
- 0A1305
- 030602
- 000100
Tons
- 63864C
- 678552
- 6A8559
- 6D845F
- 708465
- 74836A
- 778270
- 7A8275
- 7D817B
Harmonies de couleurs
Complémentaire +180°
- 608645
Homegrown
- 8F66A4
≈ Empire Violet
Analogue -30° +30°
- 608645
Homegrown
- 847B29
≈ Verdant
- 328C68
≈ Leprechaun
Triadique +120° +240°
- 608645
Homegrown
- 4C7BB4
≈ Ashton Blue
- AD5E67
≈ Redbud
Complémentaire divisée +150° +210°
- 608645
Homegrown
- 7170B3
≈ Clear Mauve
- A35F88
≈ Thimble Red
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 4.20:1 · APCA Lc 69
Ag
AASur noir
WCAG 4.99:1 · APCA Lc 33
Meilleure couleur de texte: #000000
WCAG 4.99:1 (AA) · APCA Lc 33
Contrast pairs
Extraits de code
CSS
:root {
--homegrown: #608645;
--homegrown-rgb: 96 134 69;
--homegrown-oklch: oklch(0.576 0.102 133.6);
}
.element {
color: var(--homegrown);
background-color: hsl(95 32% 40%);
border-color: oklch(0.576 0.102 133.6);
}Tailwind CSS v4
@theme {
--color-homegrown: #608645;
--color-homegrown-50: #e9fcdf;
--color-homegrown-100: #d9f0ce;
--color-homegrown-200: #c1dfb3;
--color-homegrown-300: #a0c48f;
--color-homegrown-400: #86ac6d;
--color-homegrown-500: #6a954c;
--color-homegrown-600: #5a7e41;
--color-homegrown-700: #486533;
--color-homegrown-800: #354a23;
--color-homegrown-900: #243317;
--color-homegrown-950: #131f08;
}SCSS
$homegrown: #608645;
$homegrown-rgb: 96, 134, 69;
$homegrown-light: mix(#fff, $homegrown, 20%);
$homegrown-dark: mix(#000, $homegrown, 20%);
.element {
color: $homegrown;
box-shadow: 0 0 0 2px rgba($homegrown, 0.35);
}