最も近い色名 · #9E3B99
#9E3B99
最も近い色名: Purple Excellency
#9E3B99（rgb(158 59 153)、hsl(303 46% 43%)、oklch(0.525 0.173 329.8)）に最も近い色名はPurple Excellencyです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#9E3B99
oklch(0.525 0.173 329.8)
カラー変換
- HEX
- #9e3b99
- RGB
- rgb(158 59 153)
- HSL
- hsl(303 46% 43%)
- HWB
- hwb(303 23% 38%)
- OKLCH
- oklch(0.525 0.173 329.8)
- OKLab
- oklab(0.525 0.149 -0.087)
- CIE Lab
- lab(42.27 50.39 -31.4)
- LCH
- lch(42.27 59.37 328.1)
- CMYK
- cmyk(0% 63% 3% 38%)
ティント · シェード · トーン
ティント
- A950A3
- B365AE
- BE78B8
- C88BC2
- D29ECC
- DBB1D7
- E4C5E1
- EED8EB
- F6EBF5
シェード
- 893284
- 742970
- 60215D
- 4D194A
- 3A1138
- 290927
- 180417
- 090108
- 010001
トーン
- 9C4497
- 9A4D95
- 975492
- 955B90
- 92628E
- 8F698B
- 8C6F88
- 887586
- 847A83
カラーハーモニー
補色 +180°
- 9E3B99
Purple Excellency
- 008038
≈ Charmed Green
類似色 -30° +30°
- 9E3B99
Purple Excellency
- 7B4BBD
≈ Harley Hair Purple
- B33067
≈ Rich Maroon
トライアド +120° +240°
- 9E3B99
Purple Excellency
- 836600
≈ Alligator
- 007887
≈ Biscay Bay
スプリットコンプリメンタリー +150° +210°
- 9E3B99
Purple Excellency
- 627400
≈ Topiary Green
- 007C6C
≈ Mediaeval Forest
テトラード +90° +180° +270°
- 9E3B99
Purple Excellency
- 9D5600
≈ Charlie Brown
- 008038
≈ Charmed Green
- 0072A8
≈ Methyl Blue
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.93:1 · APCA Lc 79
Ag
Fail黒の上
WCAG 3.53:1 · APCA Lc 23
最適な文字色: #FFFFFF
WCAG 5.93:1 (AA) · APCA Lc 79
Contrast pairs
コードスニペット
CSS
:root {
--purple-excellency: #9e3b99;
--purple-excellency-rgb: 158 59 153;
--purple-excellency-oklch: oklch(0.525 0.173 329.8);
}
.element {
color: var(--purple-excellency);
background-color: hsl(303 46% 43%);
border-color: oklch(0.525 0.173 329.8);
}Tailwind CSS v4
@theme {
--color-purple-excellency: #9e3b99;
--color-purple-excellency-50: #ffe4ff;
--color-purple-excellency-100: #ffd3ff;
--color-purple-excellency-200: #ffb9f6;
--color-purple-excellency-300: #ea95df;
--color-purple-excellency-400: #d675cf;
--color-purple-excellency-500: #c252bc;
--color-purple-excellency-600: #a4469f;
--color-purple-excellency-700: #84387f;
--color-purple-excellency-800: #612860;
--color-purple-excellency-900: #441b43;
--color-purple-excellency-950: #2c0b2c;
}SCSS
$purple-excellency: #9e3b99;
$purple-excellency-rgb: 158, 59, 153;
$purple-excellency-light: mix(#fff, $purple-excellency, 20%);
$purple-excellency-dark: mix(#000, $purple-excellency, 20%);
.element {
color: $purple-excellency;
box-shadow: 0 0 0 2px rgba($purple-excellency, 0.35);
}