Nazwany kolor · #685D49
Midnight Forest
Midnight Forest to #685D49: rgb(104 93 73), hsl(39 18% 35%), oklch(0.483 0.034 82.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Midnight Forest color name →
#685D49
oklch(0.483 0.034 82.4)
Konwersje koloru
- HEX
- #685d49
- RGB
- rgb(104 93 73)
- HSL
- hsl(39 18% 35%)
- HWB
- hwb(39 29% 59%)
- OKLCH
- oklch(0.483 0.034 82.4)
- OKLab
- oklab(0.483 0.004 0.033)
- CIE Lab
- lab(40.13 2.04 13.24)
- LCH
- lch(40.13 13.4 81.2)
- CMYK
- cmyk(0% 11% 30% 59%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 766C5A
- 847B6A
- 938B7C
- A29A8E
- B1ABA0
- C0BBB2
- CFCCC5
- DFDCD8
- EFEEEB
Odcienie ciemniejsze
- 59503E
- 4B4334
- 3E372A
- 302A20
- 241F17
- 18140E
- 0C0A06
- 040302
- 000000
Tony
- 6A604E
- 6D6454
- 6F6759
- 726B5F
- 746E64
- 76726A
- 79756F
- 7B7975
- 7E7C7A
Harmonie kolorów
Komplementarna +180°
- 685D49
Midnight Forest
- 545F72
≈ Da Blues
Analogowa -30° +30°
- 685D49
Midnight Forest
- 6E5A4D
≈ Coffee House
- 5E614B
≈ Old Botanical Garden
Triada +120° +240°
- 685D49
Midnight Forest
- 486467
≈ Walk Me Home
- 68586A
≈ Antique Grey
Komplementarna rozszczepiona +150° +210°
- 685D49
Midnight Forest
- 4C626F
≈ Trekking Blue
- 5F5B70
≈ Luscious Purple
Tetrada +90° +180° +270°
- 685D49
Midnight Forest
- 4B655C
≈ Jasper Park
- 545F72
≈ Da Blues
- 6E5760
≈ Aubergine Grey
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.46:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.25:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.46:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--midnight-forest: #685d49;
--midnight-forest-rgb: 104 93 73;
--midnight-forest-oklch: oklch(0.483 0.034 82.4);
}
.element {
color: var(--midnight-forest);
background-color: hsl(39 18% 35%);
border-color: oklch(0.483 0.034 82.4);
}Tailwind CSS v4
@theme {
--color-midnight-forest: #685d49;
--color-midnight-forest-50: #faf5eb;
--color-midnight-forest-100: #ede7dc;
--color-midnight-forest-200: #dbd3c4;
--color-midnight-forest-300: #bfb6a4;
--color-midnight-forest-400: #a89d88;
--color-midnight-forest-500: #91846d;
--color-midnight-forest-600: #7b705d;
--color-midnight-forest-700: #625a4a;
--color-midnight-forest-800: #484135;
--color-midnight-forest-900: #322d24;
--color-midnight-forest-950: #1e1a13;
}SCSS
$midnight-forest: #685d49;
$midnight-forest-rgb: 104, 93, 73;
$midnight-forest-light: mix(#fff, $midnight-forest, 20%);
$midnight-forest-dark: mix(#000, $midnight-forest, 20%);
.element {
color: $midnight-forest;
box-shadow: 0 0 0 2px rgba($midnight-forest, 0.35);
}