Màu có tên gần nhất · #79395F
#79395F
Màu có tên gần nhất: Passionate Plum
#79395F (rgb(121 57 95), hsl(324 36% 35%), oklch(0.441 0.101 345.5)) gần nhất với màu có tên Passionate Plum. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#79395F
oklch(0.441 0.101 345.5)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 874C6E
- 955F7D
- A2728C
- B0859C
- BD98AC
- CAACBC
- D8C1CC
- E5D5DD
- F2EAEE
Sắc đậm
- 683052
- 582844
- 481F38
- 39172C
- 2B1020
- 1D0915
- 10040A
- 050103
- 010000
Sắc xám
- 7B4162
- 7C4866
- 7D4F69
- 7E566C
- 7F5D6F
- 806473
- 806B76
- 807279
- 80797D
Hòa sắc
Bổ túc +180°
- 79395F
Passionate Plum
- 006246
≈ Green Paw Paw
Tương đồng -30° +30°
- 79395F
Passionate Plum
- 683F78
≈ Dark Pansy
- 813840
≈ Red Pear
Bộ ba +120° +240°
- 79395F
Passionate Plum
- 5A5500
≈ Douro
- 005C76
≈ Prismatic Springs
Bổ túc chia +150° +210°
- 79395F
Passionate Plum
- 385F20
≈ Bright Nori
- 005F60
≈ Sandhill Crane
Bộ bốn +90° +180° +270°
- 79395F
Passionate Plum
- 704A00
≈ Antique Bronze
- 006246
≈ Green Paw Paw
- 295389
≈ Flashy Sapphire
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 8.19:1 · APCA Lc 88
Ag
FailTrên nền đen
WCAG 2.56:1 · APCA Lc 14
Màu chữ tốt nhất: #FFFFFF
WCAG 8.19:1 (AAA) · APCA Lc 88
Contrast pairs
Đoạn mã
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);
}