最も近い色名 · #9D6A5E
#9D6A5E
最も近い色名: Amaretto
#9D6A5E（rgb(157 106 94)、hsl(11 25% 49%)、oklch(0.575 0.069 33.8)）に最も近い色名はAmarettoです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#9D6A5E
oklch(0.575 0.069 33.8)
カラー変換
- HEX
- #9d6a5e
- RGB
- rgb(157 106 94)
- HSL
- hsl(11 25% 49%)
- HWB
- hwb(11 37% 38%)
- OKLCH
- oklch(0.575 0.069 33.8)
- OKLab
- oklab(0.575 0.057 0.038)
- CIE Lab
- lab(50.11 19.88 15.47)
- LCH
- lch(50.11 25.19 37.9)
- CMYK
- cmyk(0% 32% 40% 38%)
ティント · シェード · トーン
ティント
- A7786D
- B1867C
- BB958C
- C5A49C
- CFB2AC
- D8C1BC
- E2D1CC
- ECE0DD
- F5EFEE
シェード
- 885B51
- 734D44
- 5F3F37
- 4C312B
- 3A241F
- 281814
- 180D0A
- 090403
- 010000
トーン
- 9A6C62
- 986F65
- 957168
- 92736C
- 90766F
- 8D7873
- 8A7A76
- 877C79
- 837E7D
カラーハーモニー
補色 +180°
- 9D6A5E
Amaretto
- 448391
≈ Casual Blue
類似色 -30° +30°
- 9D6A5E
Amaretto
- 9C6874
≈ Nouveau Rose
- 96704D
≈ Chocolate Milk
トライアド +120° +240°
- 9D6A5E
Amaretto
- 588566
≈ Soylent Green
- 6C76A2
≈ Bleached Denim
スプリットコンプリメンタリー +150° +210°
- 9D6A5E
Amaretto
- 45867D
≈ Carlisle
- 557E9F
≈ Flattering Blue
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.50:1 · APCA Lc 71
Ag
AA黒の上
WCAG 4.65:1 · APCA Lc 30
最適な文字色: #000000
WCAG 4.65:1 (AA) · APCA Lc 30
Contrast pairs
コードスニペット
CSS
:root {
--amaretto: #9d6a5e;
--amaretto-rgb: 157 106 94;
--amaretto-oklch: oklch(0.575 0.069 33.8);
}
.element {
color: var(--amaretto);
background-color: hsl(11 25% 49%);
border-color: oklch(0.575 0.069 33.8);
}Tailwind CSS v4
@theme {
--color-amaretto: #9d6a5e;
--color-amaretto-50: #ffefe8;
--color-amaretto-100: #fee0d8;
--color-amaretto-200: #f0cbc0;
--color-amaretto-300: #d8aca0;
--color-amaretto-400: #c39084;
--color-amaretto-500: #af7668;
--color-amaretto-600: #946458;
--color-amaretto-700: #765046;
--color-amaretto-800: #583a33;
--color-amaretto-900: #3d2723;
--color-amaretto-950: #271512;
}SCSS
$amaretto: #9d6a5e;
$amaretto-rgb: 157, 106, 94;
$amaretto-light: mix(#fff, $amaretto, 20%);
$amaretto-dark: mix(#000, $amaretto, 20%);
.element {
color: $amaretto;
box-shadow: 0 0 0 2px rgba($amaretto, 0.35);
}