最も近い色名 · #988664
#988664
最も近い色名: Mushroom Forest
#988664（rgb(152 134 100)、hsl(39 21% 49%)、oklch(0.628 0.053 83.1)）に最も近い色名はMushroom Forestです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#988664
oklch(0.628 0.053 83.1)
カラー変換
- HEX
- #988664
- RGB
- rgb(152 134 100)
- HSL
- hsl(39 21% 49%)
- HWB
- hwb(39 39% 40%)
- OKLCH
- oklch(0.628 0.053 83.1)
- OKLab
- oklab(0.628 0.006 0.052)
- CIE Lab
- lab(56.93 3.18 21)
- LCH
- lch(56.93 21.24 81.4)
- CMYK
- cmyk(0% 12% 34% 40%)
ティント · シェード · トーン
ティント
- A29273
- AC9D82
- B6A991
- C0B5A0
- CAC1AF
- D5CDBF
- DFD9CF
- EAE6DF
- F4F2EF
シェード
- 847456
- 706248
- 5C513B
- 4A402E
- 383022
- 272116
- 17130B
- 080603
- 010100
トーン
- 968567
- 93856A
- 91846D
- 8E8470
- 8C8373
- 8A8375
- 878278
- 85817B
- 82817D
カラーハーモニー
補色 +180°
- 988664
Mushroom Forest
- 7889A9
≈ Ship Cove
類似色 -30° +30°
- 988664
Mushroom Forest
- A3806B
≈ Red Earth
- 888C67
≈ Pesto Paste
トライアド +120° +240°
- 988664
Mushroom Forest
- 629297
≈ Clear Brook
- 987E9B
≈ Amorous
スプリットコンプリメンタリー +150° +210°
- 988664
Mushroom Forest
- 698EA3
≈ French Court
- 8983A6
≈ Purple Hills
テトラード +90° +180° +270°
- 988664
Mushroom Forest
- 679385
≈ Pine Ridge
- 7889A9
≈ Ship Cove
- A37C8B
≈ Dusky Orchid
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.54:1 · APCA Lc 63
Ag
AA黒の上
WCAG 5.92:1 · APCA Lc 39
最適な文字色: #000000
WCAG 5.92:1 (AA) · APCA Lc 39
Contrast pairs
コードスニペット
CSS
:root {
--mushroom-forest: #988664;
--mushroom-forest-rgb: 152 134 100;
--mushroom-forest-oklch: oklch(0.628 0.053 83.1);
}
.element {
color: var(--mushroom-forest);
background-color: hsl(39 21% 49%);
border-color: oklch(0.628 0.053 83.1);
}Tailwind CSS v4
@theme {
--color-mushroom-forest: #988664;
--color-mushroom-forest-50: #fcf4e5;
--color-mushroom-forest-100: #f0e7d5;
--color-mushroom-forest-200: #dfd3bb;
--color-mushroom-forest-300: #c4b699;
--color-mushroom-forest-400: #ae9c7b;
--color-mushroom-forest-500: #97835e;
--color-mushroom-forest-600: #806f50;
--color-mushroom-forest-700: #665940;
--color-mushroom-forest-800: #4c412d;
--color-mushroom-forest-900: #352d1f;
--color-mushroom-forest-950: #201a0e;
}SCSS
$mushroom-forest: #988664;
$mushroom-forest-rgb: 152, 134, 100;
$mushroom-forest-light: mix(#fff, $mushroom-forest, 20%);
$mushroom-forest-dark: mix(#000, $mushroom-forest, 20%);
.element {
color: $mushroom-forest;
box-shadow: 0 0 0 2px rgba($mushroom-forest, 0.35);
}