Nearest named color · #553487
#553487
Nearest named color: Night Fever
#553487 (rgb(85 52 135), hsl(264 44% 37%), oklch(0.409 0.134 298.7)) is closest to the named color Night Fever. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#553487
oklch(0.409 0.134 298.7)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- 644894
- 735CA0
- 836FAC
- 9483B8
- A597C4
- B6ABD0
- C8C0DC
- DAD5E8
- ECEAF3
Shades
- 492C75
- 3D2463
- 311C51
- 261541
- 1C0E31
- 110721
- 080313
- 020106
- 000001
Tones
- 593D87
- 5D4587
- 614D87
- 655586
- 695C86
- 6E6385
- 726B84
- 777283
- 7B7982
Color harmonies
Complementary +180°
- 553487
Night Fever
- 455100
≈ Highlands Moss
Analogous -30° +30°
- 553487
Night Fever
- 2D4291
≈ Blue Oblivion
- 6F286D
≈ Byzantium
Triadic +120° +240°
- 553487
Night Fever
- 703A00
≈ Philippine Bronze
- 00574A
≈ Castleton Green
Split-complementary +150° +210°
- 553487
Night Fever
- 5C4700
≈ Mud Brown
- 005A22
≈ Sombre Green
Tetradic +90° +180° +270°
- 553487
Night Fever
- 83221B
≈ Posh Red
- 455100
≈ Highlands Moss
- 00545E
≈ Deep Teal
Contrast & accessibility
Ag
AAAOn white
WCAG 9.42:1 · APCA Lc 91
Ag
FailOn black
WCAG 2.22:1 · APCA Lc 11
Best text color: #FFFFFF
WCAG 9.42:1 (AAA) · APCA Lc 91
Contrast pairs
Code snippets
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);
}