En yakın adlandırılmış renk · #BC48AB
#BC48AB
En yakın adlandırılmış renk: Magenta Memoir
#BC48AB (rgb(188 72 171), hsl(309 46% 51%), oklch(0.592 0.188 333.9)) en çok Magenta Memoir adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#BC48AB
oklch(0.592 0.188 333.9)
Renk dönüşümleri
- HEX
- #bc48ab
- RGB
- rgb(188 72 171)
- HSL
- hsl(309 46% 51%)
- HWB
- hwb(309 28% 26%)
- OKLCH
- oklch(0.592 0.188 333.9)
- OKLab
- oklab(0.592 0.168 -0.083)
- CIE Lab
- lab(49.86 55.86 -29.84)
- LCH
- lch(49.86 63.33 331.9)
- CMYK
- cmyk(0% 62% 9% 26%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C45DB4
- CC70BC
- D482C5
- DB94CD
- E2A6D6
- E8B8DE
- EFC9E6
- F4DBEF
- FAEDF7
Koyu tonlar
- A33D94
- 8B337E
- 732968
- 5D1F54
- 471640
- 320D2D
- 1F061B
- 0D020B
- 020001
Gri tonlar
- B750A7
- B257A3
- AC5E9F
- A7649A
- A16996
- 9B6E92
- 95738E
- 8E7889
- 877C85
Renk uyumları
Tamamlayıcı +180°
- BC48AB
Magenta Memoir
- 009652
≈ Garnish
Analog -30° +30°
- BC48AB
Magenta Memoir
- 9759D6
≈ Morado Purple
- D23E71
≈ Qermez Red
Üçlü +120° +240°
- BC48AB
Magenta Memoir
- 967B00
≈ Cerignola Olive
- 008DA3
≈ Parrot Flight
Bölünmüş tamamlayıcı +150° +210°
- BC48AB
Magenta Memoir
- 6C8B00
≈ Asparagus Sultan
- 009285
≈ Deep Peacock Blue
Dörtlü +90° +180° +270°
- BC48AB
Magenta Memoir
- B46900
≈ Pumpkin Spice
- 009652
≈ Garnish
- 0084CD
≈ Lvivian Rain
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.51:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.65:1 · APCA Lc 31
En iyi metin rengi: #000000
WCAG 4.65:1 (AA) · APCA Lc 31
Contrast pairs
Kod parçacıkları
CSS
:root {
--magenta-memoir: #bc48ab;
--magenta-memoir-rgb: 188 72 171;
--magenta-memoir-oklch: oklch(0.592 0.188 333.9);
}
.element {
color: var(--magenta-memoir);
background-color: hsl(309 46% 51%);
border-color: oklch(0.592 0.188 333.9);
}Tailwind CSS v4
@theme {
--color-magenta-memoir: #bc48ab;
--color-magenta-memoir-50: #ffe1ff;
--color-magenta-memoir-100: #ffd1ff;
--color-magenta-memoir-200: #ffb5f3;
--color-magenta-memoir-300: #f290dc;
--color-magenta-memoir-400: #de6ecc;
--color-magenta-memoir-500: #cb48b8;
--color-magenta-memoir-600: #ab3f9c;
--color-magenta-memoir-700: #8a327d;
--color-magenta-memoir-800: #65235f;
--color-magenta-memoir-900: #471842;
--color-magenta-memoir-950: #2e082b;
}SCSS
$magenta-memoir: #bc48ab;
$magenta-memoir-rgb: 188, 72, 171;
$magenta-memoir-light: mix(#fff, $magenta-memoir, 20%);
$magenta-memoir-dark: mix(#000, $magenta-memoir, 20%);
.element {
color: $magenta-memoir;
box-shadow: 0 0 0 2px rgba($magenta-memoir, 0.35);
}