最も近い色名 · #7841C5
#7841C5
最も近い色名: Purple Rain
#7841C5（rgb(120 65 197)、hsl(265 53% 51%)、oklch(0.513 0.195 298.3)）に最も近い色名はPurple Rainです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#7841C5
oklch(0.513 0.195 298.3)
カラー変換
- HEX
- #7841c5
- RGB
- rgb(120 65 197)
- HSL
- hsl(265 53% 51%)
- HWB
- hwb(265 25% 23%)
- OKLCH
- oklch(0.513 0.195 298.3)
- OKLab
- oklab(0.513 0.093 -0.172)
- CIE Lab
- lab(40.17 44.78 -61.11)
- LCH
- lch(40.17 75.76 306.2)
- CMYK
- cmyk(39% 67% 0% 23%)
ティント · シェード · トーン
ティント
- 8457CC
- 906AD3
- 9D7DDA
- AA90E0
- B8A3E6
- C5B5EC
- D3C7F1
- E2DAF6
- F0ECFB
シェード
- 6737AB
- 572E92
- 482579
- 391C61
- 2A134B
- 1D0B35
- 100521
- 05010E
- 010002
トーン
- 784ABF
- 7952B9
- 7959B2
- 7A60AC
- 7B66A5
- 7C6C9E
- 7D7197
- 7E7690
- 7F7B88
カラーハーモニー
補色 +180°
- 7841C5
Purple Rain
- 616F00
≈ Brownish Green
類似色 -30° +30°
- 7841C5
Purple Rain
- 3957D5
≈ Gorgonzola Blue
- 9E2C9D
≈ Purple Ink
トライアド +120° +240°
- 7841C5
Purple Rain
- 995200
≈ Charlie Brown
- 007867
≈ Shady Glade
スプリットコンプリメンタリー +150° +210°
- 7841C5
Purple Rain
- 806200
≈ Ground Earth
- 007C31
≈ Verdant Vale
テトラード +90° +180° +270°
- 7841C5
Purple Rain
- BD1B18
≈ Heartwarming
- 616F00
≈ Brownish Green
- 007481
≈ Deep Current
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.24:1 · APCA Lc 81
Ag
Fail黒の上
WCAG 3.36:1 · APCA Lc 21
最適な文字色: #FFFFFF
WCAG 6.24:1 (AA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--purple-rain: #7841c5;
--purple-rain-rgb: 120 65 197;
--purple-rain-oklch: oklch(0.513 0.195 298.3);
}
.element {
color: var(--purple-rain);
background-color: hsl(265 53% 51%);
border-color: oklch(0.513 0.195 298.3);
}Tailwind CSS v4
@theme {
--color-purple-rain: #7841c5;
--color-purple-rain-50: #fee9ff;
--color-purple-rain-100: #f2daff;
--color-purple-rain-200: #e1c1ff;
--color-purple-rain-300: #c89eff;
--color-purple-rain-400: #af7fff;
--color-purple-rain-500: #995ef3;
--color-purple-rain-600: #8250cd;
--color-purple-rain-700: #6840a5;
--color-purple-rain-800: #4a2e7d;
--color-purple-rain-900: #342058;
--color-purple-rain-950: #1f0e3c;
}SCSS
$purple-rain: #7841c5;
$purple-rain-rgb: 120, 65, 197;
$purple-rain-light: mix(#fff, $purple-rain, 20%);
$purple-rain-dark: mix(#000, $purple-rain, 20%);
.element {
color: $purple-rain;
box-shadow: 0 0 0 2px rgba($purple-rain, 0.35);
}