Màu có tên gần nhất · #553487
#553487
Màu có tên gần nhất: Night Fever
#553487 (rgb(85 52 135), hsl(264 44% 37%), oklch(0.409 0.134 298.7)) gần nhất với màu có tên Night Fever. 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.
#553487
oklch(0.409 0.134 298.7)
Chuyển đổi màu
- HEX
- #553487
- RGB
- rgb(85 52 135)
- HSL
- hsl(264 44% 37%)
- HWB
- hwb(264 20% 47%)
- OKLCH
- oklch(0.409 0.134 298.7)
- OKLab
- oklab(0.409 0.064 -0.117)
- CIE Lab
- lab(29.29 29.47 -41.78)
- LCH
- lch(29.29 51.12 305.2)
- CMYK
- cmyk(37% 61% 0% 47%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 644894
- 735CA0
- 836FAC
- 9483B8
- A597C4
- B6ABD0
- C8C0DC
- DAD5E8
- ECEAF3
Sắc đậm
- 492C75
- 3D2463
- 311C51
- 261541
- 1C0E31
- 110721
- 080313
- 020106
- 000001
Sắc xám
- 593D87
- 5D4587
- 614D87
- 655586
- 695C86
- 6E6385
- 726B84
- 777283
- 7B7982
Hòa sắc
Bổ túc +180°
- 553487
Night Fever
- 455100
≈ Highlands Moss
Tương đồng -30° +30°
- 553487
Night Fever
- 2D4291
≈ Blue Oblivion
- 6F286D
≈ Byzantium
Bộ ba +120° +240°
- 553487
Night Fever
- 703A00
≈ Philippine Bronze
- 00574A
≈ Castleton Green
Bổ túc chia +150° +210°
- 553487
Night Fever
- 5C4700
≈ Mud Brown
- 005A22
≈ Sombre Green
Bộ bốn +90° +180° +270°
- 553487
Night Fever
- 83221B
≈ Posh Red
- 455100
≈ Highlands Moss
- 00545E
≈ Deep Teal
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 9.42:1 · APCA Lc 91
Ag
FailTrên nền đen
WCAG 2.22:1 · APCA Lc 11
Màu chữ tốt nhất: #FFFFFF
WCAG 9.42:1 (AAA) · APCA Lc 91
Contrast pairs
Đoạn mã
CSS
:root {
--night-fever: #553487;
--night-fever-rgb: 85 52 135;
--night-fever-oklch: oklch(0.409 0.134 298.7);
}
.element {
color: var(--night-fever);
background-color: hsl(264 44% 37%);
border-color: oklch(0.409 0.134 298.7);
}Tailwind CSS v4
@theme {
--color-night-fever: #553487;
--color-night-fever-50: #fbedff;
--color-night-fever-100: #efdeff;
--color-night-fever-200: #ddc8ff;
--color-night-fever-300: #c2a8f1;
--color-night-fever-400: #a98ce2;
--color-night-fever-500: #936fd2;
--color-night-fever-600: #7c5fb1;
--color-night-fever-700: #634c8e;
--color-night-fever-800: #47376b;
--color-night-fever-900: #31264b;
--color-night-fever-950: #1e1431;
}SCSS
$night-fever: #553487;
$night-fever-rgb: 85, 52, 135;
$night-fever-light: mix(#fff, $night-fever, 20%);
$night-fever-dark: mix(#000, $night-fever, 20%);
.element {
color: $night-fever;
box-shadow: 0 0 0 2px rgba($night-fever, 0.35);
}