Nazwany kolor · #4D5346
Forestwood
Forestwood to #4D5346: rgb(77 83 70), hsl(88 8% 30%), oklch(0.433 0.022 127.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Forestwood color name →
#4D5346
oklch(0.433 0.022 127.6)
Konwersje koloru
- HEX
- #4d5346
- RGB
- rgb(77 83 70)
- HSL
- hsl(88 8% 30%)
- HWB
- hwb(88 27% 67%)
- OKLCH
- oklch(0.433 0.022 127.6)
- OKLab
- oklab(0.433 -0.014 0.018)
- CIE Lab
- lab(34.44 -4.53 6.79)
- LCH
- lch(34.44 8.17 123.7)
- CMYK
- cmyk(7% 0% 16% 67%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5D6357
- 6D7368
- 7E8379
- 90948B
- A1A59E
- B3B6B0
- C6C8C3
- D9DAD7
- ECECEB
Odcienie ciemniejsze
- 42473C
- 373B32
- 2C3028
- 22251E
- 181B15
- 0F110D
- 070805
- 020202
- 000000
Tony
- 52574C
- 575C51
- 5C6057
- 61655D
- 666962
- 6B6E68
- 70726E
- 757774
- 7B7B7A
Harmonie kolorów
Komplementarna +180°
- 4D5346
Forestwood
- 544D5A
≈ Mulled Wine
Analogowa -30° +30°
- 4D5346
Forestwood
- 545143
≈ Forest Floor
- 47544C
≈ Huntington Woods
Triada +120° +240°
- 4D5346
Forestwood
- 47525C
≈ Vermont Slate
- 5C4C4E
≈ Deep Aubergine
Komplementarna rozszczepiona +150° +210°
- 4D5346
Forestwood
- 4D505D
≈ Night Night
- 594C55
≈ Purple Empire
Tetrada +90° +180° +270°
- 4D5346
Forestwood
- 435459
≈ Finnegan
- 544D5A
≈ Mulled Wine
- 5C4D48
≈ Cabin in the Woods
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.95:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.64:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.95:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--forestwood: #4d5346;
--forestwood-rgb: 77 83 70;
--forestwood-oklch: oklch(0.433 0.022 127.6);
}
.element {
color: var(--forestwood);
background-color: hsl(88 8% 30%);
border-color: oklch(0.433 0.022 127.6);
}Tailwind CSS v4
@theme {
--color-forestwood: #4d5346;
--color-forestwood-50: #f3f6f0;
--color-forestwood-100: #e5e9e2;
--color-forestwood-200: #d1d6cc;
--color-forestwood-300: #b4baae;
--color-forestwood-400: #9ba193;
--color-forestwood-500: #82897a;
--color-forestwood-600: #6e7467;
--color-forestwood-700: #585d52;
--color-forestwood-800: #40443c;
--color-forestwood-900: #2c2f29;
--color-forestwood-950: #191b17;
}SCSS
$forestwood: #4d5346;
$forestwood-rgb: 77, 83, 70;
$forestwood-light: mix(#fff, $forestwood, 20%);
$forestwood-dark: mix(#000, $forestwood, 20%);
.element {
color: $forestwood;
box-shadow: 0 0 0 2px rgba($forestwood, 0.35);
}