最も近い色名 · #913F7D
#913F7D
最も近い色名: Grape Riot
#913F7D（rgb(145 63 125)、hsl(315 39% 41%)、oklch(0.497 0.135 337.8)）に最も近い色名はGrape Riotです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#913F7D
oklch(0.497 0.135 337.8)
カラー変換
- HEX
- #913f7d
- RGB
- rgb(145 63 125)
- HSL
- hsl(315 39% 41%)
- HWB
- hwb(315 25% 43%)
- OKLCH
- oklch(0.497 0.135 337.8)
- OKLab
- oklab(0.497 0.125 -0.051)
- CIE Lab
- lab(39.76 41.09 -18.46)
- LCH
- lch(39.76 45.05 335.8)
- CMYK
- cmyk(0% 57% 14% 43%)
ティント · シェード · トーン
ティント
- 9D528A
- A96596
- B478A3
- BF8BB0
- CA9EBD
- D5B1CA
- E0C4D7
- EAD7E4
- F5EBF2
シェード
- 7D356C
- 6A2C5B
- 58234B
- 461B3B
- 35122C
- 250A1E
- 150411
- 070105
- 010001
トーン
- 90477D
- 8F4E7E
- 8E557E
- 8D5B7F
- 8B627F
- 8A687F
- 886E80
- 857480
- 837A80
カラーハーモニー
補色 +180°
- 913F7D
Grape Riot
- 007648
≈ Gnarls Green
類似色 -30° +30°
- 913F7D
Grape Riot
- 784A9D
≈ Studio
- 9F3A54
≈ Raspberry Ice Red
トライアド +120° +240°
- 913F7D
Grape Riot
- 726200
≈ Spicy Mustard
- 006E84
≈ Amalfi
スプリットコンプリメンタリー +150° +210°
- 913F7D
Grape Riot
- 4D6F00
≈ Over the Hills
- 00726B
≈ Pharaoh’s Gem
テトラード +90° +180° +270°
- 913F7D
Grape Riot
- 8B5400
≈ Spear Shaft
- 007648
≈ Gnarls Green
- 0066AA
≈ Wing Commander
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.53:1 · APCA Lc 82
Ag
Fail黒の上
WCAG 3.21:1 · APCA Lc 20
最適な文字色: #FFFFFF
WCAG 6.53:1 (AA) · APCA Lc 82
Contrast pairs
コードスニペット
CSS
:root {
--grape-riot: #913f7d;
--grape-riot-rgb: 145 63 125;
--grape-riot-oklch: oklch(0.497 0.135 337.8);
}
.element {
color: var(--grape-riot);
background-color: hsl(315 39% 41%);
border-color: oklch(0.497 0.135 337.8);
}Tailwind CSS v4
@theme {
--color-grape-riot: #913f7d;
--color-grape-riot-50: #ffe7ff;
--color-grape-riot-100: #ffd7f6;
--color-grape-riot-200: #fcbee7;
--color-grape-riot-300: #e69ccd;
--color-grape-riot-400: #d17eba;
--color-grape-riot-500: #bd5fa5;
--color-grape-riot-600: #a0518c;
--color-grape-riot-700: #804070;
--color-grape-riot-800: #5e2e54;
--color-grape-riot-900: #421f3b;
--color-grape-riot-950: #2a0f25;
}SCSS
$grape-riot: #913f7d;
$grape-riot-rgb: 145, 63, 125;
$grape-riot-light: mix(#fff, $grape-riot, 20%);
$grape-riot-dark: mix(#000, $grape-riot, 20%);
.element {
color: $grape-riot;
box-shadow: 0 0 0 2px rgba($grape-riot, 0.35);
}