最も近い色名 · #9B25A2
#9B25A2
最も近い色名: Purple Ink
#9B25A2（rgb(155 37 162)、hsl(297 63% 39%)、oklch(0.505 0.205 325.6)）に最も近い色名はPurple Inkです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#9B25A2
oklch(0.505 0.205 325.6)
カラー変換
- HEX
- #9b25a2
- RGB
- rgb(155 37 162)
- HSL
- hsl(297 63% 39%)
- HWB
- hwb(297 15% 36%)
- OKLCH
- oklch(0.505 0.205 325.6)
- OKLab
- oklab(0.505 0.169 -0.116)
- CIE Lab
- lab(39.26 58.65 -41.58)
- LCH
- lch(39.26 71.9 324.7)
- CMYK
- cmyk(4% 77% 0% 36%)
ティント · シェード · トーン
ティント
- A641AC
- B159B6
- BC6EBF
- C683C9
- D098D2
- DAACDB
- E4C1E4
- EDD5ED
- F6EAF6
シェード
- 861F8C
- 721977
- 5E1363
- 4B0D4F
- 39083C
- 28042A
- 180219
- 09000A
- 010001
トーン
- 99349F
- 97409C
- 954A99
- 935496
- 915C93
- 8E648F
- 8B6B8C
- 887288
- 847984
カラーハーモニー
補色 +180°
- 9B25A2
Purple Ink
- 007A22
≈ Green Glutton
類似色 -30° +30°
- 9B25A2
Purple Ink
- 733DCA
≈ Purple Rain
- B50369
≈ Aztec Warrior
トライアド +120° +240°
- 9B25A2
Purple Ink
- 7F5F00
≈ Ground Earth
- 00727C
≈ Scurf Green
スプリットコンプリメンタリー +150° +210°
- 9B25A2
Purple Ink
- 626C00
≈ Brownish Green
- 007662
≈ Teal Waters
テトラード +90° +180° +270°
- 9B25A2
Purple Ink
- 984E00
≈ Warm Brown
- 007A22
≈ Green Glutton
- 006D99
≈ Disarm
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.60:1 · APCA Lc 81
Ag
Fail黒の上
WCAG 3.18:1 · APCA Lc 20
最適な文字色: #FFFFFF
WCAG 6.60:1 (AA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--purple-ink: #9b25a2;
--purple-ink-rgb: 155 37 162;
--purple-ink-oklch: oklch(0.505 0.205 325.6);
}
.element {
color: var(--purple-ink);
background-color: hsl(297 63% 39%);
border-color: oklch(0.505 0.205 325.6);
}Tailwind CSS v4
@theme {
--color-purple-ink: #9b25a2;
--color-purple-ink-50: #ffe1ff;
--color-purple-ink-100: #ffd0ff;
--color-purple-ink-200: #ffb4ff;
--color-purple-ink-300: #ee8fed;
--color-purple-ink-400: #d96cdf;
--color-purple-ink-500: #c644ce;
--color-purple-ink-600: #a73bae;
--color-purple-ink-700: #862f8b;
--color-purple-ink-800: #63226a;
--color-purple-ink-900: #45164a;
--color-purple-ink-950: #2d0631;
}SCSS
$purple-ink: #9b25a2;
$purple-ink-rgb: 155, 37, 162;
$purple-ink-light: mix(#fff, $purple-ink, 20%);
$purple-ink-dark: mix(#000, $purple-ink, 20%);
.element {
color: $purple-ink;
box-shadow: 0 0 0 2px rgba($purple-ink, 0.35);
}