色名 · #8601BF
Violet Poison
Violet Poisonは#8601BF：rgb(134 1 191)、hsl(282 99% 38%)、oklch(0.479 0.242 309.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Purple mean? → · Violet Poison color name →
#8601BF
oklch(0.479 0.242 309.9)
カラー変換
- HEX
- #8601bf
- RGB
- rgb(134 1 191)
- HSL
- hsl(282 99% 38%)
- HWB
- hwb(282 0% 25%)
- OKLCH
- oklch(0.479 0.242 309.9)
- OKLab
- oklab(0.479 0.155 -0.185)
- CIE Lab
- lab(34.97 65.31 -65.94)
- LCH
- lch(34.97 92.81 314.7)
- CMYK
- cmyk(30% 99% 0% 25%)
ティント · シェード · トーン
ティント
- 9235C7
- 9E51CF
- AA68D6
- B67FDD
- C295E4
- CEAAEA
- DABFF0
- E6D4F5
- F3EAFA
シェード
- 7401A6
- 62018D
- 510075
- 40005E
- 300048
- 210033
- 13001F
- 06000D
- 010002
トーン
- 8625BA
- 8536B4
- 8544AE
- 844FA9
- 8458A3
- 83619C
- 836A96
- 82718F
- 817988
カラーハーモニー
補色 +180°
- 8601BF
Violet Poison
- 446B00
≈ Over the Hills
類似色 -30° +30°
- 8601BF
Violet Poison
- 5032DF
≈ Blue Magenta
- A10081
≈ Vanishing Night
トライアド +120° +240°
- 8601BF
Violet Poison
- 825100
≈ Medium Brown
- 006C68
≈ Ocean Oasis
スプリットコンプリメンタリー +150° +210°
- 8601BF
Violet Poison
- 6B5E00
≈ Green Brown
- 006F47
≈ So-Sari
テトラード +90° +180° +270°
- 8601BF
Violet Poison
- 9F3500
≈ Muddy
- 446B00
≈ Over the Hills
- 00687F
≈ Tahitian Tide
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.58:1 · APCA Lc 84
Ag
Fail黒の上
WCAG 2.77:1 · APCA Lc 18
最適な文字色: #FFFFFF
WCAG 7.58:1 (AAA) · APCA Lc 84
Contrast pairs
コードスニペット
CSS
:root {
--violet-poison: #8601bf;
--violet-poison-rgb: 134 1 191;
--violet-poison-oklch: oklch(0.479 0.242 309.9);
}
.element {
color: var(--violet-poison);
background-color: hsl(282 99% 38%);
border-color: oklch(0.479 0.242 309.9);
}Tailwind CSS v4
@theme {
--color-violet-poison: #8601bf;
--color-violet-poison-50: #ffe2ff;
--color-violet-poison-100: #ffd1ff;
--color-violet-poison-200: #f7b5ff;
--color-violet-poison-300: #e08eff;
--color-violet-poison-400: #c96aff;
--color-violet-poison-500: #b63cfa;
--color-violet-poison-600: #9a36d2;
--color-violet-poison-700: #7b2ba9;
--color-violet-poison-800: #5a1e81;
--color-violet-poison-900: #3f145b;
--color-violet-poison-950: #28043e;
}SCSS
$violet-poison: #8601bf;
$violet-poison-rgb: 134, 1, 191;
$violet-poison-light: mix(#fff, $violet-poison, 20%);
$violet-poison-dark: mix(#000, $violet-poison, 20%);
.element {
color: $violet-poison;
box-shadow: 0 0 0 2px rgba($violet-poison, 0.35);
}