Màu có tên gần nhất · #4E2679
#4E2679
Màu có tên gần nhất: Mystic Nights
#4E2679 (rgb(78 38 121), hsl(269 52% 31%), oklch(0.368 0.136 302.3)) gần nhất với màu có tên Mystic Nights. 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.
#4E2679
oklch(0.368 0.136 302.3)
Chuyển đổi màu
- HEX
- #4e2679
- RGB
- rgb(78 38 121)
- HSL
- hsl(269 52% 31%)
- HWB
- hwb(269 15% 53%)
- OKLCH
- oklch(0.368 0.136 302.3)
- OKLab
- oklab(0.368 0.072 -0.115)
- CIE Lab
- lab(24.46 32.21 -40.82)
- LCH
- lch(24.46 52 308.3)
- CMYK
- cmyk(36% 69% 0% 53%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 5E3C87
- 6E5194
- 7E66A2
- 907BB0
- A190BD
- B3A5CA
- C6BBD8
- D9D2E5
- ECE8F2
Sắc đậm
- 432068
- 381958
- 2D1348
- 230D39
- 19082B
- 0F041D
- 070210
- 020105
- 000001
Sắc xám
- 53317A
- 573A7C
- 5C447D
- 614D7E
- 66557F
- 6B5E7F
- 706780
- 756F80
- 7B7880
Hòa sắc
Bổ túc +180°
- 4E2679
Mystic Nights
- 374600
≈ Garden Shadow
Tương đồng -30° +30°
- 4E2679
Mystic Nights
- 293485
≈ Migol Blue
- 65195E
≈ Blackest Berry
Bộ ba +120° +240°
- 4E2679
Mystic Nights
- 5E3300
≈ Chocolate Fantasies
- 004A42
≈ Tropical Forest
Bổ túc chia +150° +210°
- 4E2679
Mystic Nights
- 4D3E00
≈ Xanthophobia
- 004D24
≈ Troll Green
Bộ bốn +90° +180° +270°
- 4E2679
Mystic Nights
- 771302
≈ Sang de Boeuf
- 374600
≈ Garden Shadow
- 004853
≈ Midnight Green
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 11.18:1 · APCA Lc 95
Ag
FailTrên nền đen
WCAG 1.87:1 · APCA Lc 7
Màu chữ tốt nhất: #FFFFFF
WCAG 11.18:1 (AAA) · APCA Lc 95
Contrast pairs
Đoạn mã
CSS
:root {
--mystic-nights: #4e2679;
--mystic-nights-rgb: 78 38 121;
--mystic-nights-oklch: oklch(0.368 0.136 302.3);
}
.element {
color: var(--mystic-nights);
background-color: hsl(269 52% 31%);
border-color: oklch(0.368 0.136 302.3);
}Tailwind CSS v4
@theme {
--color-mystic-nights: #4e2679;
--color-mystic-nights-50: #feecff;
--color-mystic-nights-100: #f2ddff;
--color-mystic-nights-200: #e1c6ff;
--color-mystic-nights-300: #c7a6f0;
--color-mystic-nights-400: #ae8ae1;
--color-mystic-nights-500: #986dd0;
--color-mystic-nights-600: #805daf;
--color-mystic-nights-700: #674a8d;
--color-mystic-nights-800: #4a366a;
--color-mystic-nights-900: #33254a;
--color-mystic-nights-950: #1f1331;
}SCSS
$mystic-nights: #4e2679;
$mystic-nights-rgb: 78, 38, 121;
$mystic-nights-light: mix(#fff, $mystic-nights, 20%);
$mystic-nights-dark: mix(#000, $mystic-nights, 20%);
.element {
color: $mystic-nights;
box-shadow: 0 0 0 2px rgba($mystic-nights, 0.35);
}