色名 · #9C7EB7
Plum Burst
Plum Burstは#9C7EB7：rgb(156 126 183)、hsl(272 28% 61%)、oklch(0.642 0.09 308.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Purple mean? → · Plum Burst color name →
#9C7EB7
oklch(0.642 0.09 308.1)
カラー変換
- HEX
- #9c7eb7
- RGB
- rgb(156 126 183)
- HSL
- hsl(272 28% 61%)
- HWB
- hwb(272 49% 28%)
- OKLCH
- oklch(0.642 0.09 308.1)
- OKLab
- oklab(0.642 0.055 -0.07)
- CIE Lab
- lab(57.29 20.25 -25.75)
- LCH
- lch(57.29 32.76 308.2)
- CMYK
- cmyk(15% 31% 0% 28%)
ティント · シェード · トーン
ティント
- A68ABE
- AF97C6
- B9A4CD
- C3B0D4
- CCBDDB
- D6CAE3
- E0D7EA
- EBE4F1
- F5F2F8
シェード
- 876D9F
- 735C87
- 5F4C70
- 4C3C5A
- 392D45
- 281F31
- 18111E
- 09050C
- 010102
トーン
- 997EB2
- 967FAC
- 947FA7
- 917FA1
- 8E809C
- 8B8096
- 888091
- 86808B
- 838086
カラーハーモニー
補色 +180°
- 9C7EB7
Plum Burst
- 7D975B
≈ Pretty Maiden
類似色 -30° +30°
- 9C7EB7
Plum Burst
- 8087C3
≈ True Lavender
- B177A0
≈ Victorian Violet
トライアド +120° +240°
- 9C7EB7
Plum Burst
- B1824E
≈ Gold Plated
- 3F9E97
≈ Baltic Green
スプリットコンプリメンタリー +150° +210°
- 9C7EB7
Plum Burst
- 9B8D4A
≈ Plantation Island
- 5A9E78
≈ Memphis Green
テトラード +90° +180° +270°
- 9C7EB7
Plum Burst
- BC7965
≈ Döner Kebab
- 7D975B
≈ Pretty Maiden
- 439AB1
≈ Sports Blue
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.45:1 · APCA Lc 62
Ag
AA黒の上
WCAG 6.08:1 · APCA Lc 40
最適な文字色: #000000
WCAG 6.08:1 (AA) · APCA Lc 40
Contrast pairs
コードスニペット
CSS
:root {
--plum-burst: #9c7eb7;
--plum-burst-rgb: 156 126 183;
--plum-burst-oklch: oklch(0.642 0.09 308.1);
}
.element {
color: var(--plum-burst);
background-color: hsl(272 28% 61%);
border-color: oklch(0.642 0.09 308.1);
}Tailwind CSS v4
@theme {
--color-plum-burst: #9c7eb7;
--color-plum-burst-50: #fdefff;
--color-plum-burst-100: #f1e0ff;
--color-plum-burst-200: #e0caf1;
--color-plum-burst-300: #c6abda;
--color-plum-burst-400: #ad90c8;
--color-plum-burst-500: #9776b4;
--color-plum-burst-600: #7f6498;
--color-plum-burst-700: #66507a;
--color-plum-burst-800: #4a3a5b;
--color-plum-burst-900: #332840;
--color-plum-burst-950: #1f1629;
}SCSS
$plum-burst: #9c7eb7;
$plum-burst-rgb: 156, 126, 183;
$plum-burst-light: mix(#fff, $plum-burst, 20%);
$plum-burst-dark: mix(#000, $plum-burst, 20%);
.element {
color: $plum-burst;
box-shadow: 0 0 0 2px rgba($plum-burst, 0.35);
}