Colore con nome · #67765B
Lignum Vitœ Foliage
Lignum Vitœ Foliage è #67765B: rgb(103 118 91), hsl(93 13% 41%), oklch(0.546 0.044 131.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Lignum Vitœ Foliage color name →
#67765B
oklch(0.546 0.044 131.4)
Conversioni di colore
- HEX
- #67765b
- RGB
- rgb(103 118 91)
- HSL
- hsl(93 13% 41%)
- HWB
- hwb(93 36% 54%)
- OKLCH
- oklch(0.546 0.044 131.4)
- OKLab
- oklab(0.546 -0.029 0.033)
- CIE Lab
- lab(47.8 -9.81 12.99)
- LCH
- lch(47.8 16.27 127.1)
- CMYK
- cmyk(13% 0% 23% 54%)
Tinte · Ombre · Toni
Tinte
- 75836A
- 83907A
- 929D89
- A1AB99
- B0B8AA
- BFC6BA
- CFD4CB
- DFE2DC
- EFF1ED
Ombre
- 59664E
- 4B5641
- 3D4735
- 303829
- 23291E
- 171C13
- 0C0F09
- 040503
- 000100
Toni
- 69775F
- 6C7862
- 6E7966
- 717A6A
- 737B6E
- 767C71
- 787D75
- 7B7E79
- 7D7F7C
Armonie di colore
Complementare +180°
- 67765B
Lignum Vitœ Foliage
- 796984
≈ Amethyst Gem
Analogo -30° +30°
- 67765B
Lignum Vitœ Foliage
- 757153
≈ Secret Path
- 597968
≈ Stately Stems
Triadico +120° +240°
- 67765B
Lignum Vitœ Foliage
- 5D728A
≈ Plumbeous
- 88666A
≈ Mauving Up
Complementare divisa +150° +210°
- 67765B
Lignum Vitœ Foliage
- 6B6E8A
≈ Dark Prince
- 836678
≈ Arctic Dusk
Tetradico +90° +180° +270°
- 67765B
Lignum Vitœ Foliage
- 537783
≈ Ocean Current
- 796984
≈ Amethyst Gem
- 87685C
≈ Nut Brown
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.86:1 · APCA Lc 74
Ag
FailSu nero
WCAG 4.31:1 · APCA Lc 28
Miglior colore del testo: #FFFFFF
WCAG 4.86:1 (AA) · APCA Lc 74
Contrast pairs
Frammenti di codice
CSS
:root {
--lignum-vit-foliage: #67765b;
--lignum-vit-foliage-rgb: 103 118 91;
--lignum-vit-foliage-oklch: oklch(0.546 0.044 131.4);
}
.element {
color: var(--lignum-vit-foliage);
background-color: hsl(93 13% 41%);
border-color: oklch(0.546 0.044 131.4);
}Tailwind CSS v4
@theme {
--color-lignum-vit-foliage: #67765b;
--color-lignum-vit-foliage-50: #f0f8eb;
--color-lignum-vit-foliage-100: #e2ebdc;
--color-lignum-vit-foliage-200: #cdd9c6;
--color-lignum-vit-foliage-300: #aebda6;
--color-lignum-vit-foliage-400: #95a489;
--color-lignum-vit-foliage-500: #7c8d6e;
--color-lignum-vit-foliage-600: #69775d;
--color-lignum-vit-foliage-700: #545f4a;
--color-lignum-vit-foliage-800: #3d4635;
--color-lignum-vit-foliage-900: #2a3024;
--color-lignum-vit-foliage-950: #181c13;
}SCSS
$lignum-vit-foliage: #67765b;
$lignum-vit-foliage-rgb: 103, 118, 91;
$lignum-vit-foliage-light: mix(#fff, $lignum-vit-foliage, 20%);
$lignum-vit-foliage-dark: mix(#000, $lignum-vit-foliage, 20%);
.element {
color: $lignum-vit-foliage;
box-shadow: 0 0 0 2px rgba($lignum-vit-foliage, 0.35);
}