En yakın adlandırılmış renk · #B05893
#B05893
En yakın adlandırılmış renk: Magenta Memoir
#B05893 (rgb(176 88 147), hsl(320 36% 52%), oklch(0.585 0.135 341.4)) 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.
#B05893
oklch(0.585 0.135 341.4)
Renk dönüşümleri
- HEX
- #b05893
- RGB
- rgb(176 88 147)
- HSL
- hsl(320 36% 52%)
- HWB
- hwb(320 35% 31%)
- OKLCH
- oklch(0.585 0.135 341.4)
- OKLab
- oklab(0.585 0.128 -0.043)
- CIE Lab
- lab(50.01 42.05 -15.67)
- LCH
- lch(50.01 44.87 339.6)
- CMYK
- cmyk(0% 50% 16% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B9699D
- C279A8
- CA8AB3
- D39ABD
- DBABC8
- E2BBD3
- EACCDE
- F1DDE9
- F8EEF4
Koyu tonlar
- 994B7F
- 823F6C
- 6C3359
- 562847
- 421D36
- 2E1225
- 1C0916
- 0B0308
- 010001
Gri tonlar
- AC5D91
- A8628F
- A3668E
- 9F6A8C
- 9A6E8A
- 957288
- 907686
- 8B7984
- 867D82
Renk uyumları
Tamamlayıcı +180°
- B05893
Magenta Memoir
- 009363
≈ Emerald Lake
Analog -30° +30°
- B05893
Magenta Memoir
- 9662B6
≈ Trunks Hair
- BD5567
≈ Popstar
Üçlü +120° +240°
- B05893
Magenta Memoir
- 8C7D00
≈ Moscow Papyrus
- 008AA9
≈ Capri Breeze
Bölünmüş tamamlayıcı +150° +210°
- B05893
Magenta Memoir
- 5E8C2C
≈ Maximum Green
- 008E8B
≈ Corfu Shallows
Dörtlü +90° +180° +270°
- B05893
Magenta Memoir
- A96D00
≈ Buckthorn Brown
- 009363
≈ Emerald Lake
- 357FC9
≈ Heirloom Hydrangea
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.50:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.66:1 · APCA Lc 31
En iyi metin rengi: #000000
WCAG 4.66:1 (AA) · APCA Lc 31
Contrast pairs
Kod parçacıkları
CSS
:root {
--magenta-memoir: #b05893;
--magenta-memoir-rgb: 176 88 147;
--magenta-memoir-oklch: oklch(0.585 0.135 341.4);
}
.element {
color: var(--magenta-memoir);
background-color: hsl(320 36% 52%);
border-color: oklch(0.585 0.135 341.4);
}Tailwind CSS v4
@theme {
--color-magenta-memoir: #b05893;
--color-magenta-memoir-50: #ffe6ff;
--color-magenta-memoir-100: #ffd7f4;
--color-magenta-memoir-200: #febee3;
--color-magenta-memoir-300: #e89bc9;
--color-magenta-memoir-400: #d47db6;
--color-magenta-memoir-500: #c05ea0;
--color-magenta-memoir-600: #a25087;
--color-magenta-memoir-700: #82406c;
--color-magenta-memoir-800: #602e51;
--color-magenta-memoir-900: #431f39;
--color-magenta-memoir-950: #2b0e23;
}SCSS
$magenta-memoir: #b05893;
$magenta-memoir-rgb: 176, 88, 147;
$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);
}