最も近い色名 · #9753E3
#9753E3
最も近い色名: Orion Nebula
#9753E3（rgb(151 83 227)、hsl(268 72% 61%)、oklch(0.592 0.21 302)）に最も近い色名はOrion Nebulaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#9753E3
oklch(0.592 0.21 302)
カラー変換
- HEX
- #9753e3
- RGB
- rgb(151 83 227)
- HSL
- hsl(268 72% 61%)
- HWB
- hwb(268 33% 11%)
- OKLCH
- oklch(0.592 0.21 302)
- OKLab
- oklab(0.592 0.112 -0.178)
- CIE Lab
- lab(49.18 49.41 -63.51)
- LCH
- lch(49.18 80.46 307.9)
- CMYK
- cmyk(33% 63% 0% 11%)
ティント · シェード · トーン
ティント
- A167E7
- AA79EB
- B48BEF
- BF9CF2
- C9ACF5
- D3BDF8
- DECEFA
- E9DEFC
- F4EEFE
シェード
- 8347C5
- 6F3BA8
- 5C308C
- 492571
- 371B57
- 26113F
- 170827
- 080212
- 010003
トーン
- 945ADA
- 9260D0
- 8F66C6
- 8D6BBD
- 8B6FB3
- 8873A9
- 86779F
- 847A95
- 827D8B
カラーハーモニー
補色 +180°
- 9753E3
Orion Nebula
- 708A00
≈ Italian Buckthorn
類似色 -30° +30°
- 9753E3
Orion Nebula
- 566BF8
≈ Blue Heath Butterfly
- C03EB4
≈ Pink Perennial
トライアド +120° +240°
- 9753E3
Orion Nebula
- B66800
≈ Brown Orange
- 009283
≈ Silk Sari
スプリットコンプリメンタリー +150° +210°
- 9753E3
Orion Nebula
- 987A00
≈ Cerignola Olive
- 00974C
≈ Garnish
テトラード +90° +180° +270°
- 9753E3
Orion Nebula
- DF3517
≈ Dynamite Red
- 708A00
≈ Italian Buckthorn
- 008DA1
≈ Parrot Flight
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.50:1 · APCA Lc 71
Ag
AA黒の上
WCAG 4.66:1 · APCA Lc 31
最適な文字色: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
コードスニペット
CSS
:root {
--orion-nebula: #9753e3;
--orion-nebula-rgb: 151 83 227;
--orion-nebula-oklch: oklch(0.592 0.21 302);
}
.element {
color: var(--orion-nebula);
background-color: hsl(268 72% 61%);
border-color: oklch(0.592 0.21 302);
}Tailwind CSS v4
@theme {
--color-orion-nebula: #9753e3;
--color-orion-nebula-50: #ffe7ff;
--color-orion-nebula-100: #f7d7ff;
--color-orion-nebula-200: #e8bdff;
--color-orion-nebula-300: #cf99ff;
--color-orion-nebula-400: #b779ff;
--color-orion-nebula-500: #a255f7;
--color-orion-nebula-600: #8949d0;
--color-orion-nebula-700: #6e3aa7;
--color-orion-nebula-800: #4f2a7f;
--color-orion-nebula-900: #371d59;
--color-orion-nebula-950: #220b3d;
}SCSS
$orion-nebula: #9753e3;
$orion-nebula-rgb: 151, 83, 227;
$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);
}