Màu có tên gần nhất · #78487A
#78487A
Màu có tên gần nhất: Purple Passion
#78487A (rgb(120 72 122), hsl(298 26% 38%), oklch(0.476 0.097 325.5)) gần nhất với màu có tên Purple Passion. 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.
#78487A
oklch(0.476 0.097 325.5)
Chuyển đổi màu
- HEX
- #78487a
- RGB
- rgb(120 72 122)
- HSL
- hsl(298 26% 38%)
- HWB
- hwb(298 28% 52%)
- OKLCH
- oklch(0.476 0.097 325.5)
- OKLab
- oklab(0.476 0.08 -0.055)
- CIE Lab
- lab(37.85 27.32 -19.92)
- LCH
- lch(37.85 33.81 323.9)
- CMYK
- cmyk(2% 41% 0% 52%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 855987
- 936B94
- A07CA1
- AD8EAE
- BBA0BB
- C8B3C8
- D6C5D6
- E3D8E4
- F1ECF1
Sắc đậm
- 673D69
- 573359
- 482949
- 391F3A
- 2A162B
- 1D0D1D
- 100610
- 050205
- 010001
Sắc xám
- 794E7B
- 7A547C
- 7B597C
- 7C5F7D
- 7D657E
- 7E6A7E
- 7F707F
- 7F757F
- 807B80
Hòa sắc
Bổ túc +180°
- 78487A
Purple Passion
- 356B39
≈ Arcala Green
Tương đồng -30° +30°
- 78487A
Purple Passion
- 61508D
≈ Fine Purple
- 86435F
≈ Redcurrant
Bộ ba +120° +240°
- 78487A
Purple Passion
- 755802
≈ Pickled Grape Leaves
- 006973
≈ Kingfisher Bright
Bổ túc chia +150° +210°
- 78487A
Purple Passion
- 5B6317
≈ Kirchner Green
- 006D5A
≈ Teal Dark Green
Bộ bốn +90° +180° +270°
- 78487A
Purple Passion
- 854C1F
≈ Brown Eyed Girl
- 356B39
≈ Arcala Green
- 0F648B
≈ Reservoir
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 6.98:1 · APCA Lc 84
Ag
FailTrên nền đen
WCAG 3.00:1 · APCA Lc 18
Màu chữ tốt nhất: #FFFFFF
WCAG 6.98:1 (AA) · APCA Lc 84
Contrast pairs
Đoạn mã
CSS
:root {
--purple-passion: #78487a;
--purple-passion-rgb: 120 72 122;
--purple-passion-oklch: oklch(0.476 0.097 325.5);
}
.element {
color: var(--purple-passion);
background-color: hsl(298 26% 38%);
border-color: oklch(0.476 0.097 325.5);
}Tailwind CSS v4
@theme {
--color-purple-passion: #78487a;
--color-purple-passion-50: #ffecff;
--color-purple-passion-100: #faddf9;
--color-purple-passion-200: #ecc6ea;
--color-purple-passion-300: #d3a6d1;
--color-purple-passion-400: #bc8abe;
--color-purple-passion-500: #a76fa9;
--color-purple-passion-600: #8d5e8f;
--color-purple-passion-700: #714b72;
--color-purple-passion-800: #533656;
--color-purple-passion-900: #3a253c;
--color-purple-passion-950: #241425;
}SCSS
$purple-passion: #78487a;
$purple-passion-rgb: 120, 72, 122;
$purple-passion-light: mix(#fff, $purple-passion, 20%);
$purple-passion-dark: mix(#000, $purple-passion, 20%);
.element {
color: $purple-passion;
box-shadow: 0 0 0 2px rgba($purple-passion, 0.35);
}