En yakın adlandırılmış renk · #553487
#553487
En yakın adlandırılmış renk: Night Fever
#553487 (rgb(85 52 135), hsl(264 44% 37%), oklch(0.409 0.134 298.7)) en çok Night Fever adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#553487
oklch(0.409 0.134 298.7)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 644894
- 735CA0
- 836FAC
- 9483B8
- A597C4
- B6ABD0
- C8C0DC
- DAD5E8
- ECEAF3
Koyu tonlar
- 492C75
- 3D2463
- 311C51
- 261541
- 1C0E31
- 110721
- 080313
- 020106
- 000001
Gri tonlar
- 593D87
- 5D4587
- 614D87
- 655586
- 695C86
- 6E6385
- 726B84
- 777283
- 7B7982
Renk uyumları
Tamamlayıcı +180°
- 553487
Night Fever
- 455100
≈ Highlands Moss
Analog -30° +30°
- 553487
Night Fever
- 2D4291
≈ Blue Oblivion
- 6F286D
≈ Byzantium
Üçlü +120° +240°
- 553487
Night Fever
- 703A00
≈ Philippine Bronze
- 00574A
≈ Castleton Green
Bölünmüş tamamlayıcı +150° +210°
- 553487
Night Fever
- 5C4700
≈ Mud Brown
- 005A22
≈ Sombre Green
Dörtlü +90° +180° +270°
- 553487
Night Fever
- 83221B
≈ Posh Red
- 455100
≈ Highlands Moss
- 00545E
≈ Deep Teal
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 9.42:1 · APCA Lc 91
Ag
FailSiyah üzerinde
WCAG 2.22:1 · APCA Lc 11
En iyi metin rengi: #FFFFFF
WCAG 9.42:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
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);
}