Colore con nome · #908456
Mountain Olive
Mountain Olive è #908456: rgb(144 132 86), hsl(48 25% 45%), oklch(0.613 0.065 95.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Mountain Olive color name →
#908456
oklch(0.613 0.065 95.3)
Conversioni di colore
- HEX
- #908456
- RGB
- rgb(144 132 86)
- HSL
- hsl(48 25% 45%)
- HWB
- hwb(48 34% 44%)
- OKLCH
- oklch(0.613 0.065 95.3)
- OKLab
- oklab(0.613 -0.006 0.065)
- CIE Lab
- lab(55.39 -0.45 26.57)
- LCH
- lch(55.39 26.57 91)
- CMYK
- cmyk(0% 8% 40% 44%)
Tinte · Ombre · Toni
Tinte
- 9B9066
- A59C77
- B0A887
- BBB498
- C6C0A9
- D1CCBA
- DCD9CB
- E8E5DC
- F3F2ED
Ombre
- 7D724A
- 6A603E
- 574F32
- 453F27
- 342F1C
- 242012
- 151208
- 070602
- 010100
Toni
- 8E845B
- 8D835F
- 8B8364
- 8A8368
- 88826C
- 868270
- 858174
- 838178
- 82817C
Armonie di colore
Complementare +180°
- 908456
Mountain Olive
- 7881AC
≈ Roseine Plum
Analogo -30° +30°
- 908456
Mountain Olive
- A07C5A
≈ Agrellan Earth
- 7B8B60
≈ Sage Leaves
Triadico +120° +240°
- 908456
Mountain Olive
- 538E9D
≈ Aegean Sea
- 9D7594
≈ Rebel Rouser
Complementare divisa +150° +210°
- 908456
Mountain Olive
- 6388A9
≈ Moody Indigo
- 8D7AA4
≈ Pickled Purple
Tetradico +90° +180° +270°
- 908456
Mountain Olive
- 539189
≈ Green Agate
- 7881AC
≈ Roseine Plum
- A6747E
≈ Nostalgia Rose
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.73:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.62:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.62:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--mountain-olive: #908456;
--mountain-olive-rgb: 144 132 86;
--mountain-olive-oklch: oklch(0.613 0.065 95.3);
}
.element {
color: var(--mountain-olive);
background-color: hsl(48 25% 45%);
border-color: oklch(0.613 0.065 95.3);
}Tailwind CSS v4
@theme {
--color-mountain-olive: #908456;
--color-mountain-olive-50: #faf6e1;
--color-mountain-olive-100: #eee8d0;
--color-mountain-olive-200: #dcd5b6;
--color-mountain-olive-300: #c0b892;
--color-mountain-olive-400: #aa9f72;
--color-mountain-olive-500: #938653;
--color-mountain-olive-600: #7d7147;
--color-mountain-olive-700: #645b38;
--color-mountain-olive-800: #4a4228;
--color-mountain-olive-900: #332e1a;
--color-mountain-olive-950: #1f1a0b;
}SCSS
$mountain-olive: #908456;
$mountain-olive-rgb: 144, 132, 86;
$mountain-olive-light: mix(#fff, $mountain-olive, 20%);
$mountain-olive-dark: mix(#000, $mountain-olive, 20%);
.element {
color: $mountain-olive;
box-shadow: 0 0 0 2px rgba($mountain-olive, 0.35);
}