最も近い色名 · #934279
#934279
最も近い色名: Grape Riot
#934279（rgb(147 66 121)、hsl(319 38% 42%)、oklch(0.503 0.128 341.4)）に最も近い色名はGrape Riotです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#934279
oklch(0.503 0.128 341.4)
カラー変換
- HEX
- #934279
- RGB
- rgb(147 66 121)
- HSL
- hsl(319 38% 42%)
- HWB
- hwb(319 26% 42%)
- OKLCH
- oklch(0.503 0.128 341.4)
- OKLab
- oklab(0.503 0.122 -0.041)
- CIE Lab
- lab(40.5 39.85 -14.84)
- LCH
- lch(40.5 42.52 339.6)
- CMYK
- cmyk(0% 55% 18% 42%)
ティント · シェード · トーン
ティント
- 9F5586
- AA6793
- B67AA0
- C18CAD
- CC9FBA
- D6B2C8
- E1C5D5
- EBD8E3
- F5EBF1
シェード
- 7F3868
- 6C2F58
- 592548
- 471C39
- 36142B
- 250B1D
- 160510
- 080105
- 010001
トーン
- 92497A
- 91507B
- 90577B
- 8E5D7C
- 8C637D
- 8A697E
- 886F7E
- 86757F
- 837A7F
カラーハーモニー
補色 +180°
- 934279
Grape Riot
- 00774F
≈ Gnarls Green
類似色 -30° +30°
- 934279
Grape Riot
- 7C4B99
≈ Purple Pleasures
- 9F3F51
≈ Strawberry Daiquiri
トライアド +120° +240°
- 934279
Grape Riot
- 716500
≈ Spicy Mustard
- 006F89
≈ Private Eye
スプリットコンプリメンタリー +150° +210°
- 934279
Grape Riot
- 487214
≈ Forest Empress
- 007370
≈ Reef
テトラード +90° +180° +270°
- 934279
Grape Riot
- 8A5800
≈ Spear Shaft
- 00774F
≈ Gnarls Green
- 1F66AA
≈ Barbados Blue
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.37:1 · APCA Lc 81
Ag
Fail黒の上
WCAG 3.29:1 · APCA Lc 21
最適な文字色: #FFFFFF
WCAG 6.37:1 (AA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--grape-riot: #934279;
--grape-riot-rgb: 147 66 121;
--grape-riot-oklch: oklch(0.503 0.128 341.4);
}
.element {
color: var(--grape-riot);
background-color: hsl(319 38% 42%);
border-color: oklch(0.503 0.128 341.4);
}Tailwind CSS v4
@theme {
--color-grape-riot: #934279;
--color-grape-riot-50: #ffe7ff;
--color-grape-riot-100: #ffd8f3;
--color-grape-riot-200: #fcbfe2;
--color-grape-riot-300: #e69dc8;
--color-grape-riot-400: #d17fb4;
--color-grape-riot-500: #be609f;
--color-grape-riot-600: #a05286;
--color-grape-riot-700: #81416b;
--color-grape-riot-800: #5f2f51;
--color-grape-riot-900: #422038;
--color-grape-riot-950: #2a0f23;
}SCSS
$grape-riot: #934279;
$grape-riot-rgb: 147, 66, 121;
$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);
}