最も近い色名 · #B47F72
#B47F72
最も近い色名: Dusty Duchess
#B47F72（rgb(180 127 114)、hsl(12 31% 58%)、oklch(0.646 0.069 34.3)）に最も近い色名はDusty Duchessです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#B47F72
oklch(0.646 0.069 34.3)
カラー変換
- HEX
- #b47f72
- RGB
- rgb(180 127 114)
- HSL
- hsl(12 31% 58%)
- HWB
- hwb(12 45% 29%)
- OKLCH
- oklch(0.646 0.069 34.3)
- OKLab
- oklab(0.646 0.057 0.039)
- CIE Lab
- lab(58.4 19.9 15.72)
- LCH
- lch(58.4 25.36 38.3)
- CMYK
- cmyk(0% 29% 37% 29%)
ティント · シェード · トーン
ティント
- BC8B7F
- C4988D
- CBA49B
- D3B1A8
- DBBEB6
- E2CBC5
- E9D7D3
- F1E5E2
- F8F2F0
シェード
- 9C6E62
- 855D53
- 6E4C44
- 583C36
- 442D28
- 301F1B
- 1D110E
- 0C0604
- 020101
トーン
- AF7F74
- AA8075
- A58077
- A08078
- 9B8079
- 96807B
- 90807C
- 8B807D
- 86807F
カラーハーモニー
補色 +180°
- B47F72
Dusty Duchess
- 5999A8
≈ Frost Blue
類似色 -30° +30°
- B47F72
Dusty Duchess
- B37D89
≈ Degas Pink
- AC8561
≈ Roman Coin
トライアド +120° +240°
- B47F72
Dusty Duchess
- 6C9B7B
≈ Precious Oxley
- 818BB9
≈ Galactic Gossamer
スプリットコンプリメンタリー +150° +210°
- B47F72
Dusty Duchess
- 5A9C93
≈ Treasure Isle
- 6993B6
≈ Scuba
テトラード +90° +180° +270°
- B47F72
Dusty Duchess
- 859667
≈ Cactus Valley
- 5999A8
≈ Frost Blue
- 9784B1
≈ Bougainvillaea
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.37:1 · APCA Lc 61
Ag
AA黒の上
WCAG 6.21:1 · APCA Lc 41
最適な文字色: #000000
WCAG 6.21:1 (AA) · APCA Lc 41
Contrast pairs
コードスニペット
CSS
:root {
--dusty-duchess: #b47f72;
--dusty-duchess-rgb: 180 127 114;
--dusty-duchess-oklch: oklch(0.646 0.069 34.3);
}
.element {
color: var(--dusty-duchess);
background-color: hsl(12 31% 58%);
border-color: oklch(0.646 0.069 34.3);
}Tailwind CSS v4
@theme {
--color-dusty-duchess: #b47f72;
--color-dusty-duchess-50: #ffefe8;
--color-dusty-duchess-100: #fee0d8;
--color-dusty-duchess-200: #f0cbc0;
--color-dusty-duchess-300: #d8ac9f;
--color-dusty-duchess-400: #c49083;
--color-dusty-duchess-500: #af7567;
--color-dusty-duchess-600: #946458;
--color-dusty-duchess-700: #775046;
--color-dusty-duchess-800: #583933;
--color-dusty-duchess-900: #3d2723;
--color-dusty-duchess-950: #271512;
}SCSS
$dusty-duchess: #b47f72;
$dusty-duchess-rgb: 180, 127, 114;
$dusty-duchess-light: mix(#fff, $dusty-duchess, 20%);
$dusty-duchess-dark: mix(#000, $dusty-duchess, 20%);
.element {
color: $dusty-duchess;
box-shadow: 0 0 0 2px rgba($dusty-duchess, 0.35);
}