Adlandırılmış renk · #9B4B80
Plum Passion
Plum Passion, #9B4B80: rgb(155 75 128), hsl(320 35% 45%), oklch(0.53 0.125 341.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Plum Passion color name →
#9B4B80
oklch(0.53 0.125 341.9)
Renk dönüşümleri
- HEX
- #9b4b80
- RGB
- rgb(155 75 128)
- HSL
- hsl(320 35% 45%)
- HWB
- hwb(320 29% 39%)
- OKLCH
- oklch(0.53 0.125 341.9)
- OKLab
- oklab(0.53 0.119 -0.039)
- CIE Lab
- lab(43.72 39 -14.12)
- LCH
- lch(43.72 41.48 340.1)
- CMYK
- cmyk(0% 52% 17% 39%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A65D8C
- B16E98
- BB80A5
- C592B1
- CFA3BE
- D9B5CB
- E3C7D8
- EDDAE5
- F6ECF2
Koyu tonlar
- 86406E
- 72355D
- 5E2B4D
- 4B213D
- 39172E
- 280E1F
- 180612
- 090206
- 010001
Gri tonlar
- 995180
- 975780
- 955D80
- 936280
- 906780
- 8D6D80
- 8A7280
- 877680
- 847B80
Renk uyumları
Tamamlayıcı +180°
- 9B4B80
Plum Passion
- 008056
≈ Irish Beauty
Analog -30° +30°
- 9B4B80
Plum Passion
- 8454A0
≈ Royal Lilac
- A74858
≈ Rose Laffy Taffy
Üçlü +120° +240°
- 9B4B80
Plum Passion
- 796D00
≈ Bronze Yellow
- 007894
≈ Celestial
Bölünmüş tamamlayıcı +150° +210°
- 9B4B80
Plum Passion
- 507A23
≈ Master Chief
- 007C79
≈ Navajo Turquoise
Dörtlü +90° +180° +270°
- 9B4B80
Plum Passion
- 945F00
≈ Raw Sienna
- 008056
≈ Irish Beauty
- 2C6EB1
≈ Nocturne Shade
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.65:1 · APCA Lc 78
Ag
FailSiyah üzerinde
WCAG 3.71:1 · APCA Lc 24
En iyi metin rengi: #FFFFFF
WCAG 5.65:1 (AA) · APCA Lc 78
Contrast pairs
Kod parçacıkları
CSS
:root {
--plum-passion: #9b4b80;
--plum-passion-rgb: 155 75 128;
--plum-passion-oklch: oklch(0.53 0.125 341.9);
}
.element {
color: var(--plum-passion);
background-color: hsl(320 35% 45%);
border-color: oklch(0.53 0.125 341.9);
}Tailwind CSS v4
@theme {
--color-plum-passion: #9b4b80;
--color-plum-passion-50: #ffe8fe;
--color-plum-passion-100: #ffd8f2;
--color-plum-passion-200: #fcbfe2;
--color-plum-passion-300: #e59ec7;
--color-plum-passion-400: #d180b3;
--color-plum-passion-500: #bd619d;
--color-plum-passion-600: #9f5385;
--color-plum-passion-700: #80426b;
--color-plum-passion-800: #5e3050;
--color-plum-passion-900: #422038;
--color-plum-passion-950: #2a0f22;
}SCSS
$plum-passion: #9b4b80;
$plum-passion-rgb: 155, 75, 128;
$plum-passion-light: mix(#fff, $plum-passion, 20%);
$plum-passion-dark: mix(#000, $plum-passion, 20%);
.element {
color: $plum-passion;
box-shadow: 0 0 0 2px rgba($plum-passion, 0.35);
}