最も近い色名 · #813F92
#813F92
最も近い色名: Purple Pleasures
#813F92（rgb(129 63 146)、hsl(288 40% 41%)、oklch(0.486 0.144 319)）に最も近い色名はPurple Pleasuresです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#813F92
oklch(0.486 0.144 319)
カラー変換
- HEX
- #813f92
- RGB
- rgb(129 63 146)
- HSL
- hsl(288 40% 41%)
- HWB
- hwb(288 25% 43%)
- OKLCH
- oklch(0.486 0.144 319)
- OKLab
- oklab(0.486 0.109 -0.094)
- CIE Lab
- lab(38.18 38.9 -33.96)
- LCH
- lch(38.18 51.64 318.9)
- CMYK
- cmyk(12% 57% 0% 43%)
ティント · シェード · トーン
ティント
- 8E529D
- 9A65A8
- A778B3
- B38BBE
- C09EC9
- CCB1D4
- D9C4DF
- E6D7EA
- F2EBF4
シェード
- 6F357E
- 5E2C6B
- 4E2358
- 3E1B46
- 2E1235
- 1F0A25
- 120416
- 060108
- 010001
トーン
- 814791
- 824E8F
- 82558E
- 825C8C
- 82628A
- 826889
- 816E87
- 817485
- 817A82
カラーハーモニー
補色 +180°
- 813F92
Purple Pleasures
- 2C7110
≈ Battle Cat
類似色 -30° +30°
- 813F92
Purple Pleasures
- 5F4DAA
≈ Ultrapurple Merge
- 97356C
≈ Powder Red
トライアド +120° +240°
- 813F92
Purple Pleasures
- 7E5700
≈ Qahvei Brown
- 006D71
≈ Deep Lake
スプリットコンプリメンタリー +150° +210°
- 813F92
Purple Pleasures
- 656300
≈ Earthy Khaki Green
- 007156
≈ Precious Emerald
テトラード +90° +180° +270°
- 813F92
Purple Pleasures
- 974300
≈ Roux
- 2C7110
≈ Battle Cat
- 00698A
≈ Techno Blue
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.86:1 · APCA Lc 83
Ag
Fail黒の上
WCAG 3.05:1 · APCA Lc 19
最適な文字色: #FFFFFF
WCAG 6.86:1 (AA) · APCA Lc 83
Contrast pairs
コードスニペット
CSS
:root {
--purple-pleasures: #813f92;
--purple-pleasures-rgb: 129 63 146;
--purple-pleasures-oklch: oklch(0.486 0.144 319);
}
.element {
color: var(--purple-pleasures);
background-color: hsl(288 40% 41%);
border-color: oklch(0.486 0.144 319);
}Tailwind CSS v4
@theme {
--color-purple-pleasures: #813f92;
--color-purple-pleasures-50: #ffe8ff;
--color-purple-pleasures-100: #ffd9ff;
--color-purple-pleasures-200: #f1c0fa;
--color-purple-pleasures-300: #d99fe4;
--color-purple-pleasures-400: #c381d4;
--color-purple-pleasures-500: #ae63c2;
--color-purple-pleasures-600: #9354a4;
--color-purple-pleasures-700: #764383;
--color-purple-pleasures-800: #563063;
--color-purple-pleasures-900: #3c2145;
--color-purple-pleasures-950: #26102d;
}SCSS
$purple-pleasures: #813f92;
$purple-pleasures-rgb: 129, 63, 146;
$purple-pleasures-light: mix(#fff, $purple-pleasures, 20%);
$purple-pleasures-dark: mix(#000, $purple-pleasures, 20%);
.element {
color: $purple-pleasures;
box-shadow: 0 0 0 2px rgba($purple-pleasures, 0.35);
}