Benannte Farbe · #58713F
Houseplant
Houseplant ist #58713F: rgb(88 113 63), hsl(90 28% 35%), oklch(0.516 0.08 130.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Green mean? → · Houseplant color name →
#58713F
oklch(0.516 0.08 130.4)
Farbumrechnungen
- HEX
- #58713f
- RGB
- rgb(88 113 63)
- HSL
- hsl(90 28% 35%)
- HWB
- hwb(90 25% 56%)
- OKLCH
- oklch(0.516 0.08 130.4)
- OKLab
- oklab(0.516 -0.052 0.061)
- CIE Lab
- lab(44.68 -16.66 24.57)
- LCH
- lch(44.68 29.69 124.1)
- CMYK
- cmyk(22% 0% 44% 56%)
Tints · Shades · Tones
Tints
- 677E51
- 778C64
- 879A76
- 97A889
- A8B69C
- B9C4AF
- CAD3C3
- DBE1D6
- EDF0EB
Shades
- 4B6135
- 3F522C
- 334323
- 28351B
- 1D2712
- 121A0A
- 090E04
- 030401
- 000100
Tones
- 5C7346
- 60744D
- 647654
- 68775A
- 6C7960
- 707A67
- 747C6D
- 787D73
- 7C7F7A
Farbharmonien
Komplementär +180°
- 58713F
Houseplant
- 765A8A
≈ Emperor Jewel
Analog -30° +30°
- 58713F
Houseplant
- 72692E
≈ Robinhood
- 397658
≈ Scouring Rush
Triadisch +120° +240°
- 58713F
Houseplant
- 436B94
≈ Queen Blue
- 8F545D
≈ Fragrant Cherry
Geteilt komplementär +150° +210°
- 58713F
Houseplant
- 5F6295
≈ Corsican Blue
- 865576
≈ Plum Highness
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.45:1 · APCA Lc 77
Ag
FailAuf Schwarz
WCAG 3.84:1 · APCA Lc 25
Beste Textfarbe: #FFFFFF
WCAG 5.45:1 (AA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--houseplant: #58713f;
--houseplant-rgb: 88 113 63;
--houseplant-oklch: oklch(0.516 0.08 130.4);
}
.element {
color: var(--houseplant);
background-color: hsl(90 28% 35%);
border-color: oklch(0.516 0.08 130.4);
}Tailwind CSS v4
@theme {
--color-houseplant: #58713f;
--color-houseplant-50: #edfae3;
--color-houseplant-100: #deeed3;
--color-houseplant-200: #c8dcb9;
--color-houseplant-300: #a8c197;
--color-houseplant-400: #8fa877;
--color-houseplant-500: #749158;
--color-houseplant-600: #627b4b;
--color-houseplant-700: #4f623c;
--color-houseplant-800: #3a4829;
--color-houseplant-900: #28321c;
--color-houseplant-950: #161e0c;
}SCSS
$houseplant: #58713f;
$houseplant-rgb: 88, 113, 63;
$houseplant-light: mix(#fff, $houseplant, 20%);
$houseplant-dark: mix(#000, $houseplant, 20%);
.element {
color: $houseplant;
box-shadow: 0 0 0 2px rgba($houseplant, 0.35);
}