Colore con nome più vicino · #553487
#553487
Colore con nome più vicino: Night Fever
#553487 (rgb(85 52 135), hsl(264 44% 37%), oklch(0.409 0.134 298.7)) è più vicino al colore con nome Night Fever. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#553487
oklch(0.409 0.134 298.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 644894
- 735CA0
- 836FAC
- 9483B8
- A597C4
- B6ABD0
- C8C0DC
- DAD5E8
- ECEAF3
Ombre
- 492C75
- 3D2463
- 311C51
- 261541
- 1C0E31
- 110721
- 080313
- 020106
- 000001
Toni
- 593D87
- 5D4587
- 614D87
- 655586
- 695C86
- 6E6385
- 726B84
- 777283
- 7B7982
Armonie di colore
Complementare +180°
- 553487
Night Fever
- 455100
≈ Highlands Moss
Analogo -30° +30°
- 553487
Night Fever
- 2D4291
≈ Blue Oblivion
- 6F286D
≈ Byzantium
Triadico +120° +240°
- 553487
Night Fever
- 703A00
≈ Philippine Bronze
- 00574A
≈ Castleton Green
Complementare divisa +150° +210°
- 553487
Night Fever
- 5C4700
≈ Mud Brown
- 005A22
≈ Sombre Green
Tetradico +90° +180° +270°
- 553487
Night Fever
- 83221B
≈ Posh Red
- 455100
≈ Highlands Moss
- 00545E
≈ Deep Teal
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.42:1 · APCA Lc 91
Ag
FailSu nero
WCAG 2.22:1 · APCA Lc 11
Miglior colore del testo: #FFFFFF
WCAG 9.42:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
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);
}