Màu có tên gần nhất · #4B296F
#4B296F
Màu có tên gần nhất: Mystic Nights
#4B296F (rgb(75 41 111), hsl(269 46% 30%), oklch(0.362 0.118 303.4)) 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.
#4B296F
oklch(0.362 0.118 303.4)
Chuyển đổi màu
- HEX
- #4b296f
- RGB
- rgb(75 41 111)
- HSL
- hsl(269 46% 30%)
- HWB
- hwb(269 16% 56%)
- OKLCH
- oklch(0.362 0.118 303.4)
- OKLab
- oklab(0.362 0.065 -0.098)
- CIE Lab
- lab(24.06 27.6 -35.12)
- LCH
- lch(24.06 44.67 308.2)
- CMYK
- cmyk(32% 63% 0% 56%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 5B3E7D
- 6B528C
- 7C669A
- 8E7BA9
- A090B7
- B2A5C5
- C5BBD4
- D8D2E2
- EBE8F1
Sắc đậm
- 402260
- 351C51
- 2B1542
- 210F34
- 170927
- 0E051A
- 06020E
- 020104
- 000001
Sắc xám
- 503371
- 553C74
- 5A4576
- 5F4D78
- 655679
- 6A5E7B
- 6F677D
- 756F7E
- 7A787F
Hòa sắc
Bổ túc +180°
- 4B296F
Mystic Nights
- 354500
≈ Garden Shadow
Tương đồng -30° +30°
- 4B296F
Mystic Nights
- 2B357A
≈ Ballpoint Indigo
- 601F57
≈ Purple Velour
Bộ ba +120° +240°
- 4B296F
Mystic Nights
- 5B3200
≈ Eyelash Camel
- 004841
≈ Tropical Forest
Bổ túc chia +150° +210°
- 4B296F
Mystic Nights
- 4B3C00
≈ Xanthophobia
- 004B25
≈ Pine Green
Bộ bốn +90° +180° +270°
- 4B296F
Mystic Nights
- 6E1D0C
≈ Prune
- 354500
≈ Garden Shadow
- 004651
≈ Midnight Green
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 11.37:1 · APCA Lc 96
Ag
FailTrên nền đen
WCAG 1.84:1 · APCA Lc 0
Màu chữ tốt nhất: #FFFFFF
WCAG 11.37:1 (AAA) · APCA Lc 96
Contrast pairs
Đoạn mã
CSS
:root {
--mystic-nights: #4b296f;
--mystic-nights-rgb: 75 41 111;
--mystic-nights-oklch: oklch(0.362 0.118 303.4);
}
.element {
color: var(--mystic-nights);
background-color: hsl(269 46% 30%);
border-color: oklch(0.362 0.118 303.4);
}Tailwind CSS v4
@theme {
--color-mystic-nights: #4b296f;
--color-mystic-nights-50: #fdedff;
--color-mystic-nights-100: #f1dfff;
--color-mystic-nights-200: #e0c8fd;
--color-mystic-nights-300: #c6a8e8;
--color-mystic-nights-400: #ad8dd7;
--color-mystic-nights-500: #9771c6;
--color-mystic-nights-600: #7f60a7;
--color-mystic-nights-700: #664c86;
--color-mystic-nights-800: #4a3864;
--color-mystic-nights-900: #332646;
--color-mystic-nights-950: #1f142e;
}SCSS
$mystic-nights: #4b296f;
$mystic-nights-rgb: 75, 41, 111;
$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);
}