Nazwany kolor · #4A686C
Mythic Forest
Mythic Forest to #4A686C: rgb(74 104 108), hsl(187 19% 36%), oklch(0.495 0.036 206.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Mythic Forest color name →
#4A686C
oklch(0.495 0.036 206.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5B767A
- 6C8488
- 7D9396
- 8FA2A4
- A1B1B3
- B3C0C2
- C6CFD1
- D9DFE0
- ECEFEF
Odcienie ciemniejsze
- 3F595D
- 354B4E
- 2A3E40
- 203032
- 172425
- 0E1819
- 060C0D
- 020404
- 000000
Tony
- 506A6E
- 556D70
- 5B6F72
- 607274
- 657476
- 6B7678
- 70797A
- 757B7C
- 7B7E7E
Harmonie kolorów
Komplementarna +180°
- 4A686C
Mythic Forest
- 755A57
≈ Red Wattle Hog
Analogowa -30° +30°
- 4A686C
Mythic Forest
- 4C6961
≈ Green Beret
- 4F6574
≈ Slate
Triada +120° +240°
- 4A686C
Mythic Forest
- 6D5B6D
≈ Dark Purple Grey
- 6B614B
≈ Overgrown Trees
Komplementarna rozszczepiona +150° +210°
- 4A686C
Mythic Forest
- 735A62
≈ Falcon Wing
- 725D4F
≈ Rich Brown
Tetrada +90° +180° +270°
- 4A686C
Mythic Forest
- 645E74
≈ Purple Passage
- 755A57
≈ Red Wattle Hog
- 60654E
≈ Newbury Moss
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.02:1 · APCA Lc 80
Ag
FailNa czerni
WCAG 3.48:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.02:1 (AA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
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);
}