最も近い色名 · #9163B3
#9163B3
最も近い色名: Lusty Lavender
#9163B3（rgb(145 99 179)、hsl(275 34% 55%)、oklch(0.581 0.128 309.4)）に最も近い色名はLusty Lavenderです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#9163B3
oklch(0.581 0.128 309.4)
カラー変換
- HEX
- #9163b3
- RGB
- rgb(145 99 179)
- HSL
- hsl(275 34% 55%)
- HWB
- hwb(275 39% 30%)
- OKLCH
- oklch(0.581 0.128 309.4)
- OKLab
- oklab(0.581 0.081 -0.099)
- CIE Lab
- lab(49.47 30.57 -35.65)
- LCH
- lch(49.47 46.97 310.6)
- CMYK
- cmyk(19% 45% 0% 30%)
ティント · シェード · トーン
ティント
- 9C72BB
- A682C3
- B191CB
- BCA0D3
- C7B0DA
- D2BFE2
- DDCFE9
- E8DFF1
- F4EFF8
シェード
- 7D559B
- 6A4784
- 583A6E
- 462E58
- 352143
- 25162F
- 150B1D
- 07030C
- 010001
トーン
- 8F67AE
- 8E6AA9
- 8C6DA4
- 8A709F
- 89739A
- 877695
- 857990
- 847B8B
- 827E85
カラーハーモニー
補色 +180°
- 9163B3
Lusty Lavender
- 62892D
≈ Fresh Onion
類似色 -30° +30°
- 9163B3
Lusty Lavender
- 6C70C4
≈ Purple Toolbox
- AB5993
≈ Meadow Mauve
トライアド +120° +240°
- 9163B3
Lusty Lavender
- A96A00
≈ Butter Fudge
- 008D87
≈ Aqua Experience
スプリットコンプリメンタリー +150° +210°
- 9163B3
Lusty Lavender
- 8C7B00
≈ Moscow Papyrus
- 13915F
≈ Emerald Lake
テトラード +90° +180° +270°
- 9163B3
Lusty Lavender
- B85C3C
≈ Sun-Kissed Brick
- 62892D
≈ Fresh Onion
- 0088A5
≈ Caribbean Sea
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.52:1 · APCA Lc 71
Ag
AA黒の上
WCAG 4.63:1 · APCA Lc 30
最適な文字色: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
コードスニペット
CSS
:root {
--lusty-lavender: #9163b3;
--lusty-lavender-rgb: 145 99 179;
--lusty-lavender-oklch: oklch(0.581 0.128 309.4);
}
.element {
color: var(--lusty-lavender);
background-color: hsl(275 34% 55%);
border-color: oklch(0.581 0.128 309.4);
}Tailwind CSS v4
@theme {
--color-lusty-lavender: #9163b3;
--color-lusty-lavender-50: #ffebff;
--color-lusty-lavender-100: #f6dcff;
--color-lusty-lavender-200: #e6c5fd;
--color-lusty-lavender-300: #cda5e8;
--color-lusty-lavender-400: #b588d7;
--color-lusty-lavender-500: #9f6cc5;
--color-lusty-lavender-600: #875ca7;
--color-lusty-lavender-700: #6c4986;
--color-lusty-lavender-800: #4e3564;
--color-lusty-lavender-900: #362446;
--color-lusty-lavender-950: #21132e;
}SCSS
$lusty-lavender: #9163b3;
$lusty-lavender-rgb: 145, 99, 179;
$lusty-lavender-light: mix(#fff, $lusty-lavender, 20%);
$lusty-lavender-dark: mix(#000, $lusty-lavender, 20%);
.element {
color: $lusty-lavender;
box-shadow: 0 0 0 2px rgba($lusty-lavender, 0.35);
}