最も近い色名 · #BD9086
#BD9086
最も近い色名: Muddy Mire
#BD9086（rgb(189 144 134)、hsl(11 29% 63%)、oklch(0.693 0.057 32.8)）に最も近い色名はMuddy Mireです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#BD9086
oklch(0.693 0.057 32.8)
カラー変換
- HEX
- #bd9086
- RGB
- rgb(189 144 134)
- HSL
- hsl(11 29% 63%)
- HWB
- hwb(11 53% 26%)
- OKLCH
- oklch(0.693 0.057 32.8)
- OKLab
- oklab(0.693 0.048 0.031)
- CIE Lab
- lab(63.97 16.48 12.26)
- LCH
- lch(63.97 20.54 36.7)
- CMYK
- cmyk(0% 24% 29% 26%)
ティント · シェード · トーン
ティント
- C49B92
- CBA69D
- D1B0A9
- D8BBB5
- DFC6C1
- E5D2CD
- ECDDD9
- F2E8E6
- F9F4F2
シェード
- A47D74
- 8C6A62
- 745751
- 5D4540
- 473430
- 332421
- 1F1513
- 0D0706
- 020101
トーン
- B78E85
- B18D85
- AB8B84
- A58A84
- 9F8883
- 998783
- 938582
- 8C8381
- 868281
カラーハーモニー
補色 +180°
- BD9086
Muddy Mire
- 73A6B1
≈ Stillwater
類似色 -30° +30°
- BD9086
Muddy Mire
- BC8E99
≈ Cherry Juice
- B69578
≈ Soft Fawn
トライアド +120° +240°
- BD9086
Muddy Mire
- 82A78C
≈ Mermaid’s Cove
- 909BC0
≈ Lavender Lustre
スプリットコンプリメンタリー +150° +210°
- BD9086
Muddy Mire
- 74A89F
≈ Twining Vine
- 7EA1BD
≈ Far Horizons
テトラード +90° +180° +270°
- BD9086
Muddy Mire
- 96A37B
≈ Renkon Beige
- 73A6B1
≈ Stillwater
- A394BA
≈ Yolanda
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.80:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.49:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--muddy-mire: #bd9086;
--muddy-mire-rgb: 189 144 134;
--muddy-mire-oklch: oklch(0.693 0.057 32.8);
}
.element {
color: var(--muddy-mire);
background-color: hsl(11 29% 63%);
border-color: oklch(0.693 0.057 32.8);
}Tailwind CSS v4
@theme {
--color-muddy-mire: #bd9086;
--color-muddy-mire-50: #fff0ea;
--color-muddy-mire-100: #fae2db;
--color-muddy-mire-200: #ebccc4;
--color-muddy-mire-300: #d3aea4;
--color-muddy-mire-400: #be9389;
--color-muddy-mire-500: #a8796e;
--color-muddy-mire-600: #8e665d;
--color-muddy-mire-700: #72524a;
--color-muddy-mire-800: #543b36;
--color-muddy-mire-900: #3b2925;
--color-muddy-mire-950: #251614;
}SCSS
$muddy-mire: #bd9086;
$muddy-mire-rgb: 189, 144, 134;
$muddy-mire-light: mix(#fff, $muddy-mire, 20%);
$muddy-mire-dark: mix(#000, $muddy-mire, 20%);
.element {
color: $muddy-mire;
box-shadow: 0 0 0 2px rgba($muddy-mire, 0.35);
}