Colore con nome · #708452
Herb
Herb è #708452: rgb(112 132 82), hsl(84 23% 42%), oklch(0.584 0.076 126.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Herb color name →
#708452
oklch(0.584 0.076 126.4)
Conversioni di colore
- HEX
- #708452
- RGB
- rgb(112 132 82)
- HSL
- hsl(84 23% 42%)
- HWB
- hwb(84 32% 48%)
- OKLCH
- oklch(0.584 0.076 126.4)
- OKLab
- oklab(0.584 -0.045 0.061)
- CIE Lab
- lab(52.57 -14.34 24.51)
- LCH
- lch(52.57 28.39 120.3)
- CMYK
- cmyk(15% 0% 38% 48%)
Tinte · Ombre · Toni
Tinte
- 7D9063
- 8B9C73
- 99A884
- A7B495
- B5C0A6
- C3CCB8
- D2D9C9
- E1E6DB
- F0F2ED
Ombre
- 607246
- 51603B
- 434F2F
- 353F25
- 272F1A
- 1A2011
- 0E1208
- 040602
- 010100
Toni
- 728457
- 73835C
- 758361
- 768366
- 78826A
- 7A826F
- 7B8173
- 7D8177
- 7E817C
Armonie di colore
Complementare +180°
- 708452
Herb
- 87709F
≈ Fuji Purple
Analogo -30° +30°
Triadico +120° +240°
- 708452
Herb
- 5580A6
≈ Borage
- A26974
≈ High Country Rose
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.10:1 · APCA Lc 68
Ag
AASu nero
WCAG 5.11:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 5.11:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--herb: #708452;
--herb-rgb: 112 132 82;
--herb-oklch: oklch(0.584 0.076 126.4);
}
.element {
color: var(--herb);
background-color: hsl(84 23% 42%);
border-color: oklch(0.584 0.076 126.4);
}Tailwind CSS v4
@theme {
--color-herb: #708452;
--color-herb-50: #effae3;
--color-herb-100: #e0edd3;
--color-herb-200: #cbdbb9;
--color-herb-300: #acbf96;
--color-herb-400: #93a776;
--color-herb-500: #798f57;
--color-herb-600: #67794b;
--color-herb-700: #52613b;
--color-herb-800: #3d4729;
--color-herb-900: #2a311c;
--color-herb-950: #171d0c;
}SCSS
$herb: #708452;
$herb-rgb: 112, 132, 82;
$herb-light: mix(#fff, $herb, 20%);
$herb-dark: mix(#000, $herb, 20%);
.element {
color: $herb;
box-shadow: 0 0 0 2px rgba($herb, 0.35);
}