Colore con nome · #658362
Tuscan Herbs
Tuscan Herbs è #658362: rgb(101 131 98), hsl(115 14% 45%), oklch(0.577 0.06 142.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Tuscan Herbs color name →
#658362
oklch(0.577 0.06 142.4)
Conversioni di colore
- HEX
- #658362
- RGB
- rgb(101 131 98)
- HSL
- hsl(115 14% 45%)
- HWB
- hwb(115 38% 49%)
- OKLCH
- oklch(0.577 0.06 142.4)
- OKLab
- oklab(0.577 -0.048 0.037)
- CIE Lab
- lab(51.73 -16.26 14.28)
- LCH
- lch(51.73 21.64 138.7)
- CMYK
- cmyk(23% 0% 25% 49%)
Tinte · Ombre · Toni
Tinte
- 738F71
- 829B80
- 91A78F
- A0B39E
- B0BFAE
- BFCCBE
- CFD8CE
- DFE5DE
- EFF2EE
Ombre
- 577154
- 496047
- 3C4F3A
- 2F3F2D
- 222F21
- 172016
- 0C120B
- 030603
- 000100
Toni
- 688365
- 6B8368
- 6D826B
- 70826E
- 738271
- 768174
- 788177
- 7B817A
- 7D807D
Armonie di colore
Complementare +180°
- 658362
Tuscan Herbs
- 8B6E8F
≈ Mauveine
Analogo -30° +30°
- 658362
Tuscan Herbs
- 7A7E54
≈ Frond
- 538576
≈ Idyllic Island
Triadico +120° +240°
- 658362
Tuscan Herbs
- 667A9E
≈ Chicory Flower
- 9A6C69
≈ Rose Brocade
Complementare divisa +150° +210°
- 658362
Tuscan Herbs
- 7A739B
≈ Kimono Violet
- 966B7D
≈ Wild Geranium
Tetradico +90° +180° +270°
- 658362
Tuscan Herbs
- 548098
≈ Blue Heaven
- 8B6E8F
≈ Mauveine
- 977058
≈ Rustic Oak
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.22:1 · APCA Lc 69
Ag
AASu nero
WCAG 4.97:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 4.97:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--tuscan-herbs: #658362;
--tuscan-herbs-rgb: 101 131 98;
--tuscan-herbs-oklch: oklch(0.577 0.06 142.4);
}
.element {
color: var(--tuscan-herbs);
background-color: hsl(115 14% 45%);
border-color: oklch(0.577 0.06 142.4);
}Tailwind CSS v4
@theme {
--color-tuscan-herbs: #658362;
--color-tuscan-herbs-50: #ebfaeb;
--color-tuscan-herbs-100: #dceedc;
--color-tuscan-herbs-200: #c5dbc5;
--color-tuscan-herbs-300: #a5c0a4;
--color-tuscan-herbs-400: #8aa887;
--color-tuscan-herbs-500: #6f916c;
--color-tuscan-herbs-600: #5e7a5b;
--color-tuscan-herbs-700: #4b6249;
--color-tuscan-herbs-800: #374834;
--color-tuscan-herbs-900: #263223;
--color-tuscan-herbs-950: #141e12;
}SCSS
$tuscan-herbs: #658362;
$tuscan-herbs-rgb: 101, 131, 98;
$tuscan-herbs-light: mix(#fff, $tuscan-herbs, 20%);
$tuscan-herbs-dark: mix(#000, $tuscan-herbs, 20%);
.element {
color: $tuscan-herbs;
box-shadow: 0 0 0 2px rgba($tuscan-herbs, 0.35);
}