最も近い色名 · #9651E9
#9651E9
最も近い色名: Orion Nebula
#9651E9（rgb(150 81 233)、hsl(267 78% 62%)、oklch(0.592 0.219 300.7)）に最も近い色名はOrion Nebulaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#9651E9
oklch(0.592 0.219 300.7)
カラー変換
- HEX
- #9651e9
- RGB
- rgb(150 81 233)
- HSL
- hsl(267 78% 62%)
- HWB
- hwb(267 32% 9%)
- OKLCH
- oklch(0.592 0.219 300.7)
- OKLab
- oklab(0.592 0.112 -0.189)
- CIE Lab
- lab(49.04 51.26 -67.13)
- LCH
- lch(49.04 84.46 307.4)
- CMYK
- cmyk(36% 65% 0% 9%)
ティント · シェード · トーン
ティント
- A065ED
- A978F0
- B38AF3
- BE9BF6
- C8ACF8
- D3BDFA
- DDCDFC
- E8DEFE
- F4EEFE
シェード
- 8245CB
- 6E3AAD
- 5B2F90
- 492474
- 371A5A
- 261041
- 160729
- 080213
- 010003
トーン
- 9359DF
- 915FD5
- 8F65CB
- 8C6AC0
- 8A6FB6
- 8873AC
- 8677A1
- 847A96
- 827D8B
カラーハーモニー
補色 +180°
- 9651E9
Orion Nebula
- 738A00
≈ Canopy
類似色 -30° +30°
- 9651E9
Orion Nebula
- 516BFE
≈ Blue Heath Butterfly
- C13AB9
≈ Purple Pink
トライアド +120° +240°
- 9651E9
Orion Nebula
- B76700
≈ Brown Orange
- 009281
≈ Silk Sari
スプリットコンプリメンタリー +150° +210°
- 9651E9
Orion Nebula
- 997A00
≈ Cerignola Olive
- 009747
≈ Luscious Green
テトラード +90° +180° +270°
- 9651E9
Orion Nebula
- E32C16
≈ Ferocious
- 738A00
≈ Canopy
- 008EA0
≈ Coral Coast
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.51:1 · APCA Lc 71
Ag
AA黒の上
WCAG 4.65:1 · APCA Lc 31
最適な文字色: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
コードスニペット
CSS
:root {
--orion-nebula: #9651e9;
--orion-nebula-rgb: 150 81 233;
--orion-nebula-oklch: oklch(0.592 0.219 300.7);
}
.element {
color: var(--orion-nebula);
background-color: hsl(267 78% 62%);
border-color: oklch(0.592 0.219 300.7);
}Tailwind CSS v4
@theme {
--color-orion-nebula: #9651e9;
--color-orion-nebula-50: #ffe7ff;
--color-orion-nebula-100: #f6d7ff;
--color-orion-nebula-200: #e7bdff;
--color-orion-nebula-300: #ce99ff;
--color-orion-nebula-400: #b578ff;
--color-orion-nebula-500: #a152fd;
--color-orion-nebula-600: #8847d5;
--color-orion-nebula-700: #6d39ac;
--color-orion-nebula-800: #4e2982;
--color-orion-nebula-900: #361c5c;
--color-orion-nebula-950: #220a3f;
}SCSS
$orion-nebula: #9651e9;
$orion-nebula-rgb: 150, 81, 233;
$orion-nebula-light: mix(#fff, $orion-nebula, 20%);
$orion-nebula-dark: mix(#000, $orion-nebula, 20%);
.element {
color: $orion-nebula;
box-shadow: 0 0 0 2px rgba($orion-nebula, 0.35);
}