最も近い色名 · #B443D1
#B443D1
最も近い色名: Magenta Affair
#B443D1（rgb(180 67 209)、hsl(288 61% 54%)、oklch(0.596 0.222 318.7)）に最も近い色名はMagenta Affairです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#B443D1
oklch(0.596 0.222 318.7)
カラー変換
- HEX
- #b443d1
- RGB
- rgb(180 67 209)
- HSL
- hsl(288 61% 54%)
- HWB
- hwb(288 26% 18%)
- OKLCH
- oklch(0.596 0.222 318.7)
- OKLab
- oklab(0.596 0.167 -0.147)
- CIE Lab
- lab(49.55 60.67 -52.43)
- LCH
- lch(49.55 80.19 319.2)
- CMYK
- cmyk(14% 68% 0% 18%)
ティント · シェード · トーン
ティント
- BC5AD7
- C56EDC
- CC82E1
- D494E6
- DCA6EB
- E3B8EF
- EACAF4
- F1DCF8
- F8EDFB
シェード
- 9C39B5
- 852F9B
- 6E2681
- 581D68
- 441450
- 300C39
- 1D0523
- 0C0110
- 020002
トーン
- AF4DC9
- AB55C2
- A65DBA
- A163B2
- 9C69AA
- 976EA2
- 91739A
- 8C7891
- 867C89
カラーハーモニー
補色 +180°
- B443D1
Magenta Affair
- 389700
≈ Planter
類似色 -30° +30°
- B443D1
Magenta Affair
- 805BF8
≈ Purple Honeycreeper
- D62C94
≈ Dark Princess Pink
トライアド +120° +240°
- B443D1
Magenta Affair
- A67400
≈ Barbarian Leather
- 009196
≈ Splashy
スプリットコンプリメンタリー +150° +210°
- B443D1
Magenta Affair
- 868400
≈ Palak Paneer
- 009572
≈ Pool Table
テトラード +90° +180° +270°
- B443D1
Magenta Affair
- C85A00
≈ Rusty Orange
- 389700
≈ Planter
- 008BB6
≈ Spinnaker Blue
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.50:1 · APCA Lc 70
Ag
AA黒の上
WCAG 4.66:1 · APCA Lc 31
最適な文字色: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
コードスニペット
CSS
:root {
--magenta-affair: #b443d1;
--magenta-affair-rgb: 180 67 209;
--magenta-affair-oklch: oklch(0.596 0.222 318.7);
}
.element {
color: var(--magenta-affair);
background-color: hsl(288 61% 54%);
border-color: oklch(0.596 0.222 318.7);
}Tailwind CSS v4
@theme {
--color-magenta-affair: #b443d1;
--color-magenta-affair-50: #ffe1ff;
--color-magenta-affair-100: #ffd0ff;
--color-magenta-affair-200: #ffb4ff;
--color-magenta-affair-300: #e98efc;
--color-magenta-affair-400: #d46af0;
--color-magenta-affair-500: #c140e1;
--color-magenta-affair-600: #a338be;
--color-magenta-affair-700: #832d98;
--color-magenta-affair-800: #5f2074;
--color-magenta-affair-900: #431552;
--color-magenta-affair-950: #2b0537;
}SCSS
$magenta-affair: #b443d1;
$magenta-affair-rgb: 180, 67, 209;
$magenta-affair-light: mix(#fff, $magenta-affair, 20%);
$magenta-affair-dark: mix(#000, $magenta-affair, 20%);
.element {
color: $magenta-affair;
box-shadow: 0 0 0 2px rgba($magenta-affair, 0.35);
}