最も近い色名 · #9D8191
#9D8191
最も近い色名: Amorous
#9D8191（rgb(157 129 145)、hsl(326 13% 56%)、oklch(0.634 0.041 343)）に最も近い色名はAmorousです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#9D8191
oklch(0.634 0.041 343)
カラー変換
- HEX
- #9d8191
- RGB
- rgb(157 129 145)
- HSL
- hsl(326 13% 56%)
- HWB
- hwb(326 51% 38%)
- OKLCH
- oklch(0.634 0.041 343)
- OKLab
- oklab(0.634 0.039 -0.012)
- CIE Lab
- lab(57.03 13.15 -4.39)
- LCH
- lch(57.03 13.87 341.5)
- CMYK
- cmyk(0% 18% 8% 38%)
ティント · シェード · トーン
ティント
- A78D9B
- B099A6
- BAA5B1
- C4B2BC
- CDBEC7
- D7CBD2
- E1D8DD
- EBE5E8
- F5F2F4
シェード
- 886F7D
- 735E6A
- 5F4E58
- 4C3E46
- 3A2E35
- 281F25
- 181215
- 090607
- 010101
トーン
- 9A818F
- 97818E
- 94818C
- 92818A
- 8F8188
- 8C8187
- 898085
- 868083
- 838082
カラーハーモニー
補色 +180°
- 9D8191
Amorous
- 749383
≈ Rainford
類似色 -30° +30°
- 9D8191
Amorous
- 93849D
≈ Hatoba Pigeon
- A28183
≈ Plumville
トライアド +120° +240°
- 9D8191
Amorous
- 8F8C6F
≈ Burning Idea
- 70909D
≈ Wave Jumper
スプリットコンプリメンタリー +150° +210°
- 9D8191
Amorous
- 819077
≈ Mossy Statue
- 6E9391
≈ Pool Tide
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.51:1 · APCA Lc 63
Ag
AA黒の上
WCAG 5.98:1 · APCA Lc 39
最適な文字色: #000000
WCAG 5.98:1 (AA) · APCA Lc 39
Contrast pairs
コードスニペット
CSS
:root {
--amorous: #9d8191;
--amorous-rgb: 157 129 145;
--amorous-oklch: oklch(0.634 0.041 343);
}
.element {
color: var(--amorous);
background-color: hsl(326 13% 56%);
border-color: oklch(0.634 0.041 343);
}Tailwind CSS v4
@theme {
--color-amorous: #9d8191;
--color-amorous-50: #fef1f8;
--color-amorous-100: #f3e3eb;
--color-amorous-200: #e2ced8;
--color-amorous-300: #c8afbc;
--color-amorous-400: #b195a5;
--color-amorous-500: #9a7c8d;
--color-amorous-600: #826978;
--color-amorous-700: #685460;
--color-amorous-800: #4d3d47;
--color-amorous-900: #352a31;
--color-amorous-950: #20171d;
}SCSS
$amorous: #9d8191;
$amorous-rgb: 157, 129, 145;
$amorous-light: mix(#fff, $amorous, 20%);
$amorous-dark: mix(#000, $amorous, 20%);
.element {
color: $amorous;
box-shadow: 0 0 0 2px rgba($amorous, 0.35);
}