最も近い色名 · #8B65A5
#8B65A5
最も近い色名: Crown Jewels
#8B65A5（rgb(139 101 165)、hsl(276 26% 52%)、oklch(0.571 0.104 310.7)）に最も近い色名はCrown Jewelsです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#8B65A5
oklch(0.571 0.104 310.7)
カラー変換
- HEX
- #8b65a5
- RGB
- rgb(139 101 165)
- HSL
- hsl(276 26% 52%)
- HWB
- hwb(276 40% 35%)
- OKLCH
- oklch(0.571 0.104 310.7)
- OKLab
- oklab(0.571 0.068 -0.079)
- CIE Lab
- lab(48.7 25.02 -28.76)
- LCH
- lch(48.7 38.11 311)
- CMYK
- cmyk(16% 39% 0% 35%)
ティント · シェード · トーン
ティント
- 9674AE
- A183B7
- AD92C0
- B8A1C9
- C4B0D2
- CFC0DB
- DBCFE4
- E7DFED
- F3EFF6
シェード
- 78578F
- 664979
- 543C65
- 432F51
- 32223D
- 23172B
- 140C1A
- 07030A
- 010001
トーン
- 8A68A2
- 896B9E
- 886E9A
- 877197
- 867393
- 857690
- 83798C
- 827B88
- 817E84
カラーハーモニー
補色 +180°
- 8B65A5
Crown Jewels
- 62843F
≈ Swamp Moss
類似色 -30° +30°
- 8B65A5
Crown Jewels
- 6D70B4
≈ Chetwode Blue
- A05E8A
≈ Thimble Red
トライアド +120° +240°
- 8B65A5
Crown Jewels
- 9E6C28
≈ Stage Gold
- 008A85
≈ Navigate
スプリットコンプリメンタリー +150° +210°
- 8B65A5
Crown Jewels
- 857923
≈ Soft Fig
- 328A63
≈ Exquisite Emerald
テトラード +90° +180° +270°
- 8B65A5
Crown Jewels
- AB6146
≈ Mars
- 62843F
≈ Swamp Moss
- 0085A2
≈ Blue Arc
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.66:1 · APCA Lc 72
Ag
AA黒の上
WCAG 4.50:1 · APCA Lc 29
最適な文字色: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
コードスニペット
CSS
:root {
--crown-jewels: #8b65a5;
--crown-jewels-rgb: 139 101 165;
--crown-jewels-oklch: oklch(0.571 0.104 310.7);
}
.element {
color: var(--crown-jewels);
background-color: hsl(276 26% 52%);
border-color: oklch(0.571 0.104 310.7);
}Tailwind CSS v4
@theme {
--color-crown-jewels: #8b65a5;
--color-crown-jewels-50: #ffedff;
--color-crown-jewels-100: #f4deff;
--color-crown-jewels-200: #e4c8f5;
--color-crown-jewels-300: #caa8de;
--color-crown-jewels-400: #b28dcc;
--color-crown-jewels-500: #9c71b9;
--color-crown-jewels-600: #84609c;
--color-crown-jewels-700: #6a4d7d;
--color-crown-jewels-800: #4d385e;
--color-crown-jewels-900: #352642;
--color-crown-jewels-950: #20142a;
}SCSS
$crown-jewels: #8b65a5;
$crown-jewels-rgb: 139, 101, 165;
$crown-jewels-light: mix(#fff, $crown-jewels, 20%);
$crown-jewels-dark: mix(#000, $crown-jewels, 20%);
.element {
color: $crown-jewels;
box-shadow: 0 0 0 2px rgba($crown-jewels, 0.35);
}