Dichtstbijzijnde benoemde kleur · #608645
#608645
Dichtstbijzijnde benoemde kleur: Homegrown
#608645 (rgb(96 134 69), hsl(95 32% 40%), oklch(0.576 0.102 133.6)) komt het dichtst bij de benoemde kleur Homegrown. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#608645
oklch(0.576 0.102 133.6)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- 6F9257
- 7E9E6A
- 8EA97C
- 9DB58E
- ADC1A0
- BDCEB3
- CDDAC6
- DEE6D8
- EEF3EC
Schaduwen
- 52743B
- 456231
- 385127
- 2C401E
- 203015
- 15210C
- 0A1305
- 030602
- 000100
Tonen
- 63864C
- 678552
- 6A8559
- 6D845F
- 708465
- 74836A
- 778270
- 7A8275
- 7D817B
Kleurharmonieën
Complementair +180°
- 608645
Homegrown
- 8F66A4
≈ Empire Violet
Analoog -30° +30°
- 608645
Homegrown
- 847B29
≈ Verdant
- 328C68
≈ Leprechaun
Triadisch +120° +240°
- 608645
Homegrown
- 4C7BB4
≈ Ashton Blue
- AD5E67
≈ Redbud
Gesplitst complementair +150° +210°
- 608645
Homegrown
- 7170B3
≈ Clear Mauve
- A35F88
≈ Thimble Red
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 4.20:1 · APCA Lc 69
Ag
AAOp zwart
WCAG 4.99:1 · APCA Lc 33
Beste tekstkleur: #000000
WCAG 4.99:1 (AA) · APCA Lc 33
Contrast pairs
Codefragmenten
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);
}