Colore con nome · #4A686C
Mythic Forest
Mythic Forest è #4A686C: rgb(74 104 108), hsl(187 19% 36%), oklch(0.495 0.036 206.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Mythic Forest color name →
#4A686C
oklch(0.495 0.036 206.4)
Conversioni di colore
- HEX
- #4a686c
- RGB
- rgb(74 104 108)
- HSL
- hsl(187 19% 36%)
- HWB
- hwb(187 29% 58%)
- OKLCH
- oklch(0.495 0.036 206.4)
- OKLab
- oklab(0.495 -0.032 -0.016)
- CIE Lab
- lab(41.78 -10.56 -5.99)
- LCH
- lch(41.78 12.14 209.6)
- CMYK
- cmyk(31% 4% 0% 58%)
Tinte · Ombre · Toni
Tinte
- 5B767A
- 6C8488
- 7D9396
- 8FA2A4
- A1B1B3
- B3C0C2
- C6CFD1
- D9DFE0
- ECEFEF
Ombre
- 3F595D
- 354B4E
- 2A3E40
- 203032
- 172425
- 0E1819
- 060C0D
- 020404
- 000000
Toni
- 506A6E
- 556D70
- 5B6F72
- 607274
- 657476
- 6B7678
- 70797A
- 757B7C
- 7B7E7E
Armonie di colore
Complementare +180°
- 4A686C
Mythic Forest
- 755A57
≈ Red Wattle Hog
Analogo -30° +30°
- 4A686C
Mythic Forest
- 4C6961
≈ Green Beret
- 4F6574
≈ Slate
Triadico +120° +240°
- 4A686C
Mythic Forest
- 6D5B6D
≈ Dark Purple Grey
- 6B614B
≈ Overgrown Trees
Complementare divisa +150° +210°
- 4A686C
Mythic Forest
- 735A62
≈ Falcon Wing
- 725D4F
≈ Rich Brown
Tetradico +90° +180° +270°
- 4A686C
Mythic Forest
- 645E74
≈ Purple Passage
- 755A57
≈ Red Wattle Hog
- 60654E
≈ Newbury Moss
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.02:1 · APCA Lc 80
Ag
FailSu nero
WCAG 3.48:1 · APCA Lc 22
Miglior colore del testo: #FFFFFF
WCAG 6.02:1 (AA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--mythic-forest: #4a686c;
--mythic-forest-rgb: 74 104 108;
--mythic-forest-oklch: oklch(0.495 0.036 206.4);
}
.element {
color: var(--mythic-forest);
background-color: hsl(187 19% 36%);
border-color: oklch(0.495 0.036 206.4);
}Tailwind CSS v4
@theme {
--color-mythic-forest: #4a686c;
--color-mythic-forest-50: #eaf8fa;
--color-mythic-forest-100: #dbebee;
--color-mythic-forest-200: #c4d9dc;
--color-mythic-forest-300: #a3bdc1;
--color-mythic-forest-400: #87a5a9;
--color-mythic-forest-500: #6b8d92;
--color-mythic-forest-600: #5b787b;
--color-mythic-forest-700: #486063;
--color-mythic-forest-800: #344648;
--color-mythic-forest-900: #233132;
--color-mythic-forest-950: #121d1e;
}SCSS
$mythic-forest: #4a686c;
$mythic-forest-rgb: 74, 104, 108;
$mythic-forest-light: mix(#fff, $mythic-forest, 20%);
$mythic-forest-dark: mix(#000, $mythic-forest, 20%);
.element {
color: $mythic-forest;
box-shadow: 0 0 0 2px rgba($mythic-forest, 0.35);
}