En yakın adlandırılmış renk · #79395F
#79395F
En yakın adlandırılmış renk: Passionate Plum
#79395F (rgb(121 57 95), hsl(324 36% 35%), oklch(0.441 0.101 345.5)) en çok Passionate Plum 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.
#79395F
oklch(0.441 0.101 345.5)
Renk dönüşümleri
- HEX
- #79395f
- RGB
- rgb(121 57 95)
- HSL
- hsl(324 36% 35%)
- HWB
- hwb(324 22% 53%)
- OKLCH
- oklch(0.441 0.101 345.5)
- OKLab
- oklab(0.441 0.098 -0.025)
- CIE Lab
- lab(33.73 32.1 -9.23)
- LCH
- lch(33.73 33.4 344)
- CMYK
- cmyk(0% 53% 21% 53%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 874C6E
- 955F7D
- A2728C
- B0859C
- BD98AC
- CAACBC
- D8C1CC
- E5D5DD
- F2EAEE
Koyu tonlar
- 683052
- 582844
- 481F38
- 39172C
- 2B1020
- 1D0915
- 10040A
- 050103
- 010000
Gri tonlar
- 7B4162
- 7C4866
- 7D4F69
- 7E566C
- 7F5D6F
- 806473
- 806B76
- 807279
- 80797D
Renk uyumları
Tamamlayıcı +180°
- 79395F
Passionate Plum
- 006246
≈ Green Paw Paw
Analog -30° +30°
- 79395F
Passionate Plum
- 683F78
≈ Dark Pansy
- 813840
≈ Red Pear
Üçlü +120° +240°
- 79395F
Passionate Plum
- 5A5500
≈ Douro
- 005C76
≈ Prismatic Springs
Bölünmüş tamamlayıcı +150° +210°
- 79395F
Passionate Plum
- 385F20
≈ Bright Nori
- 005F60
≈ Sandhill Crane
Dörtlü +90° +180° +270°
- 79395F
Passionate Plum
- 704A00
≈ Antique Bronze
- 006246
≈ Green Paw Paw
- 295389
≈ Flashy Sapphire
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.19:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.56:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 8.19:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--passionate-plum: #79395f;
--passionate-plum-rgb: 121 57 95;
--passionate-plum-oklch: oklch(0.441 0.101 345.5);
}
.element {
color: var(--passionate-plum);
background-color: hsl(324 36% 35%);
border-color: oklch(0.441 0.101 345.5);
}Tailwind CSS v4
@theme {
--color-passionate-plum: #79395f;
--color-passionate-plum-50: #ffeafb;
--color-passionate-plum-100: #ffdbee;
--color-passionate-plum-200: #f6c3dc;
--color-passionate-plum-300: #dfa3c1;
--color-passionate-plum-400: #ca86ac;
--color-passionate-plum-500: #b66995;
--color-passionate-plum-600: #99597e;
--color-passionate-plum-700: #7b4765;
--color-passionate-plum-800: #5b334b;
--color-passionate-plum-900: #3f2334;
--color-passionate-plum-950: #281220;
}SCSS
$passionate-plum: #79395f;
$passionate-plum-rgb: 121, 57, 95;
$passionate-plum-light: mix(#fff, $passionate-plum, 20%);
$passionate-plum-dark: mix(#000, $passionate-plum, 20%);
.element {
color: $passionate-plum;
box-shadow: 0 0 0 2px rgba($passionate-plum, 0.35);
}