Dichtstbijzijnde benoemde kleur · #5D8A53
#5D8A53
Dichtstbijzijnde benoemde kleur: Homegrown
#5D8A53 (rgb(93 138 83), hsl(109 25% 43%), oklch(0.586 0.095 140)) komt het dichtst bij de benoemde kleur Homegrown. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#5D8A53
oklch(0.586 0.095 140)
Kleurconversies
- HEX
- #5d8a53
- RGB
- rgb(93 138 83)
- HSL
- hsl(109 25% 43%)
- HWB
- hwb(109 33% 46%)
- OKLCH
- oklch(0.586 0.095 140)
- OKLab
- oklab(0.586 -0.073 0.061)
- CIE Lab
- lab(53.15 -24.44 24.38)
- LCH
- lch(53.15 34.52 135.1)
- CMYK
- cmyk(33% 0% 40% 46%)
Tinten · Schaduwen · Tonen
Tinten
- 6D9564
- 7CA174
- 8CAC85
- 9CB896
- ACC4A7
- BCCFB8
- CDDBC9
- DDE7DB
- EEF3ED
Schaduwen
- 507747
- 43653B
- 375330
- 2A4225
- 1F321B
- 142211
- 0A1408
- 030702
- 000100
Tonen
- 618958
- 65885D
- 688762
- 6C8666
- 70856B
- 73846F
- 768373
- 7A8278
- 7D817C
Kleurharmonieën
Complementair +180°
- 5D8A53
Homegrown
- 95699F
≈ Figue
Analoog -30° +30°
- 5D8A53
Homegrown
- 808139
≈ Green Commando
- 358E73
≈ Illuminating Emerald
Triadisch +120° +240°
- 5D8A53
Homegrown
- 5A7DB4
≈ Prompt
- AD6465
≈ Spanish Rose Shadow
Gesplitst complementair +150° +210°
- 5D8A53
Homegrown
- 7B72B1
≈ Plum Preserve
- A66484
≈ Wild Mulberry
Tetradisch +90° +180° +270°
- 5D8A53
Homegrown
- 3486AA
≈ Blue Splash
- 95699F
≈ Figue
- A96B47
≈ Auric Copper
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 4.01:1 · APCA Lc 67
Ag
AAOp zwart
WCAG 5.22:1 · APCA Lc 34
Beste tekstkleur: #000000
WCAG 5.22:1 (AA) · APCA Lc 34
Contrast pairs
Codefragmenten
CSS
:root {
--homegrown: #5d8a53;
--homegrown-rgb: 93 138 83;
--homegrown-oklch: oklch(0.586 0.095 140);
}
.element {
color: var(--homegrown);
background-color: hsl(109 25% 43%);
border-color: oklch(0.586 0.095 140);
}Tailwind CSS v4
@theme {
--color-homegrown: #5d8a53;
--color-homegrown-50: #e6fde4;
--color-homegrown-100: #d7f1d3;
--color-homegrown-200: #bedfba;
--color-homegrown-300: #9cc497;
--color-homegrown-400: #80ac77;
--color-homegrown-500: #639658;
--color-homegrown-600: #547e4b;
--color-homegrown-700: #43653c;
--color-homegrown-800: #324a29;
--color-homegrown-900: #22331c;
--color-homegrown-950: #111f0c;
}SCSS
$homegrown: #5d8a53;
$homegrown-rgb: 93, 138, 83;
$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);
}