色名 · #97397F
Purple Wine
Purple Wineは#97397F：rgb(151 57 127)、hsl(315 45% 41%)、oklch(0.499 0.151 338.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Purple Wine color name →
#97397F
oklch(0.499 0.151 338.9)
カラー変換
- HEX
- #97397f
- RGB
- rgb(151 57 127)
- HSL
- hsl(315 45% 41%)
- HWB
- hwb(315 22% 41%)
- OKLCH
- oklch(0.499 0.151 338.9)
- OKLab
- oklab(0.499 0.14 -0.054)
- CIE Lab
- lab(39.76 45.99 -19.59)
- LCH
- lch(39.76 49.99 336.9)
- CMYK
- cmyk(0% 62% 16% 41%)
ティント · シェード · トーン
ティント
- A34E8B
- AE6298
- B975A4
- C488B1
- CE9CBE
- D9AFCB
- E3C3D8
- ECD7E5
- F6EBF2
シェード
- 83306E
- 6F285D
- 5C1F4C
- 49173C
- 37102D
- 26091F
- 170411
- 080106
- 010001
トーン
- 96427F
- 944A80
- 935280
- 915980
- 8F6080
- 8C6780
- 8A6D80
- 877480
- 847A80
カラーハーモニー
補色 +180°
- 97397F
Purple Wine
- 00764A
≈ Gnarls Green
類似色 -30° +30°
- 97397F
Purple Wine
- 7C45A3
≈ Purple Pleasures
- A63351
≈ Cranberry Sauce
トライアド +120° +240°
- 97397F
Purple Wine
- 726300
≈ Spicy Mustard
- 006F86
≈ Amalfi
スプリットコンプリメンタリー +150° +210°
- 97397F
Purple Wine
- 4B7000
≈ Over the Hills
- 00736D
≈ Reef
テトラード +90° +180° +270°
- 97397F
Purple Wine
- 8A5500
≈ Spear Shaft
- 00764A
≈ Gnarls Green
- 0066AD
≈ Wing Commander
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.54:1 · APCA Lc 82
Ag
Fail黒の上
WCAG 3.20:1 · APCA Lc 20
最適な文字色: #FFFFFF
WCAG 6.54:1 (AA) · APCA Lc 82
Contrast pairs
コードスニペット
CSS
:root {
--purple-wine: #97397f;
--purple-wine-rgb: 151 57 127;
--purple-wine-oklch: oklch(0.499 0.151 338.9);
}
.element {
color: var(--purple-wine);
background-color: hsl(315 45% 41%);
border-color: oklch(0.499 0.151 338.9);
}Tailwind CSS v4
@theme {
--color-purple-wine: #97397f;
--color-purple-wine-50: #ffe5ff;
--color-purple-wine-100: #ffd5f7;
--color-purple-wine-200: #ffbbe8;
--color-purple-wine-300: #eb98ce;
--color-purple-wine-400: #d779bc;
--color-purple-wine-500: #c458a7;
--color-purple-wine-600: #a54b8d;
--color-purple-wine-700: #853c71;
--color-purple-wine-800: #622b55;
--color-purple-wine-900: #451d3b;
--color-purple-wine-950: #2c0c25;
}SCSS
$purple-wine: #97397f;
$purple-wine-rgb: 151, 57, 127;
$purple-wine-light: mix(#fff, $purple-wine, 20%);
$purple-wine-dark: mix(#000, $purple-wine, 20%);
.element {
color: $purple-wine;
box-shadow: 0 0 0 2px rgba($purple-wine, 0.35);
}