Named color · #555142
Forest Floor
Forest Floor is #555142: rgb(85 81 66), hsl(47 13% 30%), oklch(0.434 0.024 94.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Forest Floor color name →
#555142
oklch(0.434 0.024 94.8)
Color conversions
- HEX
- #555142
- RGB
- rgb(85 81 66)
- HSL
- hsl(47 13% 30%)
- HWB
- hwb(47 26% 67%)
- OKLCH
- oklch(0.434 0.024 94.8)
- OKLab
- oklab(0.434 -0.002 0.024)
- CIE Lab
- lab(34.5 -0.42 9.49)
- LCH
- lch(34.5 9.5 92.5)
- CMYK
- cmyk(0% 5% 22% 67%)
Tints · Shades · Tones
Tints
- 646153
- 747164
- 848176
- 959289
- A6A49B
- B7B5AF
- C9C7C2
- DADAD6
- EDECEA
Shades
- 494538
- 3D3A2F
- 312F25
- 26241C
- 1C1A14
- 11100B
- 080705
- 020201
- 000000
Tones
- 595648
- 5D5A4E
- 625F54
- 66635A
- 6A6860
- 6E6D67
- 73726D
- 777673
- 7C7B7A
Color harmonies
Complementary +180°
- 555142
Forest Floor
- 4D505F
≈ Night Night
Analogous -30° +30°
- 555142
Forest Floor
- 5B4E43
≈ Warm Pumpernickel
- 4E5345
≈ Forestwood
Triadic +120° +240°
- 555142
Forest Floor
- 425559
≈ Asagi Koi
- 5A4C56
≈ Purple Empire
Split-complementary +150° +210°
- 555142
Forest Floor
- 46535E
≈ Night Tide
- 544E5C
≈ Mulled Wine
Tetradic +90° +180° +270°
- 555142
Forest Floor
- 425553
≈ All Nighter
- 4D505F
≈ Night Night
- 5D4C4F
≈ Raisin
Contrast & accessibility
Ag
AAAOn white
WCAG 7.94:1 · APCA Lc 88
Ag
FailOn black
WCAG 2.64:1 · APCA Lc 15
Best text color: #FFFFFF
WCAG 7.94:1 (AAA) · APCA Lc 88
Contrast pairs
Code snippets
CSS
:root {
--forest-floor: #555142;
--forest-floor-rgb: 85 81 66;
--forest-floor-oklch: oklch(0.434 0.024 94.8);
}
.element {
color: var(--forest-floor);
background-color: hsl(47 13% 30%);
border-color: oklch(0.434 0.024 94.8);
}Tailwind CSS v4
@theme {
--color-forest-floor: #555142;
--color-forest-floor-50: #f7f5ee;
--color-forest-floor-100: #eae8df;
--color-forest-floor-200: #d7d4c9;
--color-forest-floor-300: #bbb8aa;
--color-forest-floor-400: #a39f8f;
--color-forest-floor-500: #8b8674;
--color-forest-floor-600: #767263;
--color-forest-floor-700: #5e5b4f;
--color-forest-floor-800: #454239;
--color-forest-floor-900: #302e27;
--color-forest-floor-950: #1c1b15;
}SCSS
$forest-floor: #555142;
$forest-floor-rgb: 85, 81, 66;
$forest-floor-light: mix(#fff, $forest-floor, 20%);
$forest-floor-dark: mix(#000, $forest-floor, 20%);
.element {
color: $forest-floor;
box-shadow: 0 0 0 2px rgba($forest-floor, 0.35);
}