最も近い色名 · #8B65B9
#8B65B9
最も近い色名: Lusty Lavender
#8B65B9（rgb(139 101 185)、hsl(267 38% 56%)、oklch(0.581 0.13 303.5)）に最も近い色名はLusty Lavenderです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#8B65B9
oklch(0.581 0.13 303.5)
カラー変換
- HEX
- #8b65b9
- RGB
- rgb(139 101 185)
- HSL
- hsl(267 38% 56%)
- HWB
- hwb(267 40% 27%)
- OKLCH
- oklch(0.581 0.13 303.5)
- OKLab
- oklab(0.581 0.072 -0.109)
- CIE Lab
- lab(49.51 28.64 -39.11)
- LCH
- lch(49.51 48.48 306.2)
- CMYK
- cmyk(25% 45% 0% 27%)
ティント · シェード · トーン
ティント
- 9674C1
- A183C8
- AC93CF
- B8A2D6
- C3B1DE
- CFC0E4
- DBD0EB
- E7DFF2
- F3EFF9
シェード
- 7857A0
- 664989
- 543C71
- 432F5B
- 322246
- 231731
- 140C1E
- 07030D
- 010002
トーン
- 8A68B4
- 896CAE
- 886FA9
- 8671A3
- 85749D
- 847798
- 837992
- 827C8C
- 817E86
カラーハーモニー
補色 +180°
- 8B65B9
Lusty Lavender
- 6C871F
≈ Swamp Green
類似色 -30° +30°
- 8B65B9
Lusty Lavender
- 6373C7
≈ Indigo Light
- A75A9B
≈ Radiant Orchid
トライアド +120° +240°
- 8B65B9
Lusty Lavender
- AF6706
≈ Ginger
- 008E81
≈ Philips Green
スプリットコンプリメンタリー +150° +210°
- 8B65B9
Lusty Lavender
- 927800
≈ Bhūrā Brown
- 299055
≈ Bottle Glass
テトラード +90° +180° +270°
- 8B65B9
Lusty Lavender
- BB5A45
≈ Mecca Orange
- 6C871F
≈ Swamp Green
- 008A9F
≈ Teal Blue
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.50: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 {
--lusty-lavender: #8b65b9;
--lusty-lavender-rgb: 139 101 185;
--lusty-lavender-oklch: oklch(0.581 0.13 303.5);
}
.element {
color: var(--lusty-lavender);
background-color: hsl(267 38% 56%);
border-color: oklch(0.581 0.13 303.5);
}Tailwind CSS v4
@theme {
--color-lusty-lavender: #8b65b9;
--color-lusty-lavender-50: #feecff;
--color-lusty-lavender-100: #f2deff;
--color-lusty-lavender-200: #e1c7ff;
--color-lusty-lavender-300: #c7a6ed;
--color-lusty-lavender-400: #af8add;
--color-lusty-lavender-500: #996ecc;
--color-lusty-lavender-600: #815dac;
--color-lusty-lavender-700: #674a8a;
--color-lusty-lavender-800: #4b3668;
--color-lusty-lavender-900: #342549;
--color-lusty-lavender-950: #1f1330;
}SCSS
$lusty-lavender: #8b65b9;
$lusty-lavender-rgb: 139, 101, 185;
$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);
}