色名 · #8B008B
Dark Magenta
Dark Magentaは#8B008B：rgb(139 0 139)、hsl(300 100% 27%)、oklch(0.447 0.205 328.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Purple mean? → · Dark Magenta color name →
#8B008B
oklch(0.447 0.205 328.4)
カラー変換
- HEX
- #8b008b
- RGB
- rgb(139 0 139)
- HSL
- hsl(300 100% 27%)
- HWB
- hwb(300 0% 45%)
- OKLCH
- oklch(0.447 0.205 328.4)
- OKLab
- oklab(0.447 0.175 -0.108)
- CIE Lab
- lab(32.5 59.56 -38.52)
- LCH
- lch(32.5 70.94 327.1)
- CMYK
- cmyk(0% 100% 0% 45%)
ティント · シェード · トーン
ティント
- 982E97
- A549A3
- B161AF
- BD78BA
- C98EC6
- D5A5D2
- E0BBDD
- EAD1E8
- F5E8F4
シェード
- 780078
- 660066
- 540054
- 430043
- 320032
- 230023
- 140014
- 070007
- 010001
トーン
- 8B208B
- 8B308A
- 8B3D89
- 8A4988
- 8A5387
- 885D86
- 876685
- 856F83
- 837882
カラーハーモニー
補色 +180°
- 8B008B
Dark Magenta
- 006727
≈ Paradise Palms
類似色 -30° +30°
- 8B008B
Dark Magenta
- 6725B3
≈ Rabbit-Ear Iris
- 9B0053
≈ Vertigo Cherry
トライアド +120° +240°
- 8B008B
Dark Magenta
- 695100
≈ Olive Brown
- 00606B
≈ Petrol
スプリットコンプリメンタリー +150° +210°
- 8B008B
Dark Magenta
- 4F5C00
≈ Kyuri Green
- 006355
≈ Philodendron
テトラード +90° +180° +270°
- 8B008B
Dark Magenta
- 7F4300
≈ Hazelnut Chocolate
- 006727
≈ Paradise Palms
- 005B85
≈ High Profile
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 8.49:1 · APCA Lc 87
Ag
Fail黒の上
WCAG 2.47:1 · APCA Lc 15
最適な文字色: #FFFFFF
WCAG 8.49:1 (AAA) · APCA Lc 87
Contrast pairs
コードスニペット
CSS
:root {
--dark-magenta: #8b008b;
--dark-magenta-rgb: 139 0 139;
--dark-magenta-oklch: oklch(0.447 0.205 328.4);
}
.element {
color: var(--dark-magenta);
background-color: hsl(300 100% 27%);
border-color: oklch(0.447 0.205 328.4);
}Tailwind CSS v4
@theme {
--color-dark-magenta: #8b008b;
--color-dark-magenta-50: #ffe0ff;
--color-dark-magenta-100: #ffcfff;
--color-dark-magenta-200: #ffb3fe;
--color-dark-magenta-300: #f18ee8;
--color-dark-magenta-400: #dd6ada;
--color-dark-magenta-500: #ca42c8;
--color-dark-magenta-600: #aa3aa9;
--color-dark-magenta-700: #892e88;
--color-dark-magenta-800: #642067;
--color-dark-magenta-900: #471648;
--color-dark-magenta-950: #2e062f;
}SCSS
$dark-magenta: #8b008b;
$dark-magenta-rgb: 139, 0, 139;
$dark-magenta-light: mix(#fff, $dark-magenta, 20%);
$dark-magenta-dark: mix(#000, $dark-magenta, 20%);
.element {
color: $dark-magenta;
box-shadow: 0 0 0 2px rgba($dark-magenta, 0.35);
}