Colore con nome · #58713F
Houseplant
Houseplant è #58713F: rgb(88 113 63), hsl(90 28% 35%), oklch(0.516 0.08 130.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Houseplant color name →
#58713F
oklch(0.516 0.08 130.4)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 677E51
- 778C64
- 879A76
- 97A889
- A8B69C
- B9C4AF
- CAD3C3
- DBE1D6
- EDF0EB
Ombre
- 4B6135
- 3F522C
- 334323
- 28351B
- 1D2712
- 121A0A
- 090E04
- 030401
- 000100
Toni
- 5C7346
- 60744D
- 647654
- 68775A
- 6C7960
- 707A67
- 747C6D
- 787D73
- 7C7F7A
Armonie di colore
Complementare +180°
- 58713F
Houseplant
- 765A8A
≈ Emperor Jewel
Analogo -30° +30°
- 58713F
Houseplant
- 72692E
≈ Robinhood
- 397658
≈ Scouring Rush
Triadico +120° +240°
- 58713F
Houseplant
- 436B94
≈ Queen Blue
- 8F545D
≈ Fragrant Cherry
Complementare divisa +150° +210°
- 58713F
Houseplant
- 5F6295
≈ Corsican Blue
- 865576
≈ Plum Highness
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.45:1 · APCA Lc 77
Ag
FailSu nero
WCAG 3.84:1 · APCA Lc 25
Miglior colore del testo: #FFFFFF
WCAG 5.45:1 (AA) · APCA Lc 77
Contrast pairs
Frammenti di codice
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);
}