最も近い色名 · #8F186E
#8F186E
最も近い色名: Possessed Purple
#8F186E（rgb(143 24 110)、hsl(317 71% 33%)、oklch(0.447 0.174 342.4)）に最も近い色名はPossessed Purpleです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#8F186E
oklch(0.447 0.174 342.4)
カラー変換
- HEX
- #8f186e
- RGB
- rgb(143 24 110)
- HSL
- hsl(317 71% 33%)
- HWB
- hwb(317 9% 44%)
- OKLCH
- oklch(0.447 0.174 342.4)
- OKLab
- oklab(0.447 0.166 -0.052)
- CIE Lab
- lab(33.37 53.43 -18.88)
- LCH
- lch(33.37 56.67 340.5)
- CMYK
- cmyk(0% 83% 23% 44%)
ティント · シェード · トーン
ティント
- 9C367C
- A94E8A
- B56498
- C17AA6
- CC90B5
- D7A6C3
- E2BCD2
- ECD2E1
- F6E8F0
シェード
- 7C135F
- 690F50
- 570A41
- 450733
- 340426
- 240219
- 15010E
- 070004
- 010001
トーン
- 8F2970
- 8F3672
- 8E4174
- 8E4B76
- 8C5578
- 8B5E79
- 89677B
- 866F7D
- 83787E
カラーハーモニー
補色 +180°
- 8F186E
Possessed Purple
- 006544
≈ Aotake Bamboo
類似色 -30° +30°
- 8F186E
Possessed Purple
- 742B98
≈ Orb of Discord
- 9D0939
≈ Cranberry
トライアド +120° +240°
- 8F186E
Possessed Purple
- 5F5600
≈ Olive Brown
- 005E75
≈ Lyons Blue
スプリットコンプリメンタリー +150° +210°
- 8F186E
Possessed Purple
- 386200
≈ Keen Green
- 006260
≈ Emerald Stone
テトラード +90° +180° +270°
- 8F186E
Possessed Purple
- 744A00
≈ Antique Bronze
- 006544
≈ Aotake Bamboo
- 00559C
≈ Standing Waters
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 8.32:1 · APCA Lc 87
Ag
Fail黒の上
WCAG 2.52:1 · APCA Lc 15
最適な文字色: #FFFFFF
WCAG 8.32:1 (AAA) · APCA Lc 87
Contrast pairs
コードスニペット
CSS
:root {
--possessed-purple: #8f186e;
--possessed-purple-rgb: 143 24 110;
--possessed-purple-oklch: oklch(0.447 0.174 342.4);
}
.element {
color: var(--possessed-purple);
background-color: hsl(317 71% 33%);
border-color: oklch(0.447 0.174 342.4);
}Tailwind CSS v4
@theme {
--color-possessed-purple: #8f186e;
--color-possessed-purple-50: #ffe2ff;
--color-possessed-purple-100: #ffd1f6;
--color-possessed-purple-200: #ffb6e6;
--color-possessed-purple-300: #f591cd;
--color-possessed-purple-400: #e270ba;
--color-possessed-purple-500: #cf4ba5;
--color-possessed-purple-600: #af418b;
--color-possessed-purple-700: #8c3470;
--color-possessed-purple-800: #682554;
--color-possessed-purple-900: #49193b;
--color-possessed-purple-950: #2f0825;
}SCSS
$possessed-purple: #8f186e;
$possessed-purple-rgb: 143, 24, 110;
$possessed-purple-light: mix(#fff, $possessed-purple, 20%);
$possessed-purple-dark: mix(#000, $possessed-purple, 20%);
.element {
color: $possessed-purple;
box-shadow: 0 0 0 2px rgba($possessed-purple, 0.35);
}