最も近い色名 · #9F4661
#9F4661
最も近い色名: Velvet Wine
#9F4661（rgb(159 70 97)、hsl(342 39% 45%)、oklch(0.517 0.121 3.2)）に最も近い色名はVelvet Wineです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#9F4661
oklch(0.517 0.121 3.2)
カラー変換
- HEX
- #9f4661
- RGB
- rgb(159 70 97)
- HSL
- hsl(342 39% 45%)
- HWB
- hwb(342 27% 38%)
- OKLCH
- oklch(0.517 0.121 3.2)
- OKLab
- oklab(0.517 0.121 0.007)
- CIE Lab
- lab(42.5 39.73 3.19)
- LCH
- lch(42.5 39.86 4.6)
- CMYK
- cmyk(0% 56% 39% 38%)
ティント · シェード · トーン
ティント
- AA596F
- B56B7E
- BF7D8D
- C98F9D
- D3A1AD
- DCB3BD
- E5C6CD
- EED9DD
- F7ECEE
シェード
- 8A3C53
- 753246
- 612839
- 4D1E2D
- 3B1521
- 290D15
- 18050B
- 090203
- 010000
トーン
- 9D4D64
- 9B5367
- 985A6A
- 965F6D
- 936570
- 906B73
- 8C7077
- 89767A
- 847B7D
カラーハーモニー
補色 +180°
- 9F4661
Velvet Wine
- 00796D
≈ Pond Moss
類似色 -30° +30°
- 9F4661
Velvet Wine
- 904B85
≈ Razzmic Berry
- A24A37
≈ Rodeo Red
トライアド +120° +240°
- 9F4661
Velvet Wine
- 5B730F
≈ Fern Frond
- 0D6EA8
≈ Bowen Blue
スプリットコンプリメンタリー +150° +210°
- 9F4661
Velvet Wine
- 1B7B45
≈ Woodland Soul
- 007587
≈ Glamour Green
テトラード +90° +180° +270°
- 9F4661
Velvet Wine
- 7D6600
≈ Arousing Alligator
- 00796D
≈ Pond Moss
- 5261AD
≈ Submarine Base
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.96:1 · APCA Lc 79
Ag
Fail黒の上
WCAG 3.52:1 · APCA Lc 23
最適な文字色: #FFFFFF
WCAG 5.96:1 (AA) · APCA Lc 79
Contrast pairs
コードスニペット
CSS
:root {
--velvet-wine: #9f4661;
--velvet-wine-rgb: 159 70 97;
--velvet-wine-oklch: oklch(0.517 0.121 3.2);
}
.element {
color: var(--velvet-wine);
background-color: hsl(342 39% 45%);
border-color: oklch(0.517 0.121 3.2);
}Tailwind CSS v4
@theme {
--color-velvet-wine: #9f4661;
--color-velvet-wine-50: #ffe7f0;
--color-velvet-wine-100: #ffd8e2;
--color-velvet-wine-200: #ffbfcd;
--color-velvet-wine-300: #ed9daf;
--color-velvet-wine-400: #da7f97;
--color-velvet-wine-500: #c6607e;
--color-velvet-wine-600: #a7526b;
--color-velvet-wine-700: #864155;
--color-velvet-wine-800: #642f40;
--color-velvet-wine-900: #46202c;
--color-velvet-wine-950: #2d0f19;
}SCSS
$velvet-wine: #9f4661;
$velvet-wine-rgb: 159, 70, 97;
$velvet-wine-light: mix(#fff, $velvet-wine, 20%);
$velvet-wine-dark: mix(#000, $velvet-wine, 20%);
.element {
color: $velvet-wine;
box-shadow: 0 0 0 2px rgba($velvet-wine, 0.35);
}