色名 · #555142
Forest Floor
Forest Floorは#555142：rgb(85 81 66)、hsl(47 13% 30%)、oklch(0.434 0.024 94.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Forest Floor color name →
#555142
oklch(0.434 0.024 94.8)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- 646153
- 747164
- 848176
- 959289
- A6A49B
- B7B5AF
- C9C7C2
- DADAD6
- EDECEA
シェード
- 494538
- 3D3A2F
- 312F25
- 26241C
- 1C1A14
- 11100B
- 080705
- 020201
- 000000
トーン
- 595648
- 5D5A4E
- 625F54
- 66635A
- 6A6860
- 6E6D67
- 73726D
- 777673
- 7C7B7A
カラーハーモニー
補色 +180°
- 555142
Forest Floor
- 4D505F
≈ Night Night
類似色 -30° +30°
- 555142
Forest Floor
- 5B4E43
≈ Warm Pumpernickel
- 4E5345
≈ Forestwood
トライアド +120° +240°
- 555142
Forest Floor
- 425559
≈ Asagi Koi
- 5A4C56
≈ Purple Empire
スプリットコンプリメンタリー +150° +210°
- 555142
Forest Floor
- 46535E
≈ Night Tide
- 544E5C
≈ Mulled Wine
テトラード +90° +180° +270°
- 555142
Forest Floor
- 425553
≈ All Nighter
- 4D505F
≈ Night Night
- 5D4C4F
≈ Raisin
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.94:1 · APCA Lc 88
Ag
Fail黒の上
WCAG 2.64:1 · APCA Lc 15
最適な文字色: #FFFFFF
WCAG 7.94:1 (AAA) · APCA Lc 88
Contrast pairs
コードスニペット
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);
}