最も近い色名 · #887154
#887154
最も近い色名: Tobacco Leaf
#887154（rgb(136 113 84)、hsl(33 24% 43%)、oklch(0.563 0.051 72.9)）に最も近い色名はTobacco Leafです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#887154
oklch(0.563 0.051 72.9)
カラー変換
- HEX
- #887154
- RGB
- rgb(136 113 84)
- HSL
- hsl(33 24% 43%)
- HWB
- hwb(33 33% 47%)
- OKLCH
- oklch(0.563 0.051 72.9)
- OKLab
- oklab(0.563 0.015 0.049)
- CIE Lab
- lab(49.32 6.13 19.69)
- LCH
- lch(49.32 20.62 72.7)
- CMYK
- cmyk(0% 17% 38% 47%)
ティント · シェード · トーン
ティント
- 937E64
- 9F8C74
- AB9A85
- B6A896
- C2B6A6
- CEC4B8
- DAD3C9
- E6E1DB
- F3F0ED
シェード
- 756148
- 63523C
- 524331
- 413526
- 31271B
- 221A11
- 130E08
- 060402
- 010100
トーン
- 877359
- 87745D
- 867662
- 857766
- 84796B
- 837A6F
- 837C73
- 827D77
- 817F7C
カラーハーモニー
補色 +180°
- 887154
Tobacco Leaf
- 607893
≈ Rushing River
類似色 -30° +30°
- 887154
Tobacco Leaf
- 906C5E
≈ Chocolate Curl
- 7B7754
≈ Green Woodpecker Olive
トライアド +120° +240°
- 887154
Tobacco Leaf
- 517F7D
≈ Nickel Ore Green
- 806D8B
≈ Grey Purple
スプリットコンプリメンタリー +150° +210°
- 887154
Tobacco Leaf
- 537C8B
≈ Rocky Hill
- 717293
≈ Silk Crepe Mauve
テトラード +90° +180° +270°
- 887154
Tobacco Leaf
- 5A7F6D
≈ Fuchsite Green
- 607893
≈ Rushing River
- 8B6A7D
≈ Raw Garnet Viola
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.62:1 · APCA Lc 72
Ag
AA黒の上
WCAG 4.53:1 · APCA Lc 30
最適な文字色: #FFFFFF
WCAG 4.62:1 (AA) · APCA Lc 72
Contrast pairs
コードスニペット
CSS
:root {
--tobacco-leaf: #887154;
--tobacco-leaf-rgb: 136 113 84;
--tobacco-leaf-oklch: oklch(0.563 0.051 72.9);
}
.element {
color: var(--tobacco-leaf);
background-color: hsl(33 24% 43%);
border-color: oklch(0.563 0.051 72.9);
}Tailwind CSS v4
@theme {
--color-tobacco-leaf: #887154;
--color-tobacco-leaf-50: #fef3e6;
--color-tobacco-leaf-100: #f2e6d6;
--color-tobacco-leaf-200: #e1d2bd;
--color-tobacco-leaf-300: #c7b49b;
--color-tobacco-leaf-400: #b19a7e;
--color-tobacco-leaf-500: #9b8161;
--color-tobacco-leaf-600: #836d52;
--color-tobacco-leaf-700: #695741;
--color-tobacco-leaf-800: #4e402f;
--color-tobacco-leaf-900: #362c20;
--color-tobacco-leaf-950: #21190f;
}SCSS
$tobacco-leaf: #887154;
$tobacco-leaf-rgb: 136, 113, 84;
$tobacco-leaf-light: mix(#fff, $tobacco-leaf, 20%);
$tobacco-leaf-dark: mix(#000, $tobacco-leaf, 20%);
.element {
color: $tobacco-leaf;
box-shadow: 0 0 0 2px rgba($tobacco-leaf, 0.35);
}