Nearest named color · #5746BE
#5746BE
Nearest named color: Royal Nightcore
#5746BE (rgb(87 70 190), hsl(249 48% 51%), oklch(0.483 0.18 283.8)) is closest to the named color Royal Nightcore. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#5746BE
oklch(0.483 0.18 283.8)
Color conversions
- HEX
- #5746be
- RGB
- rgb(87 70 190)
- HSL
- hsl(249 48% 51%)
- HWB
- hwb(249 27% 25%)
- OKLCH
- oklch(0.483 0.18 283.8)
- OKLab
- oklab(0.483 0.043 -0.175)
- CIE Lab
- lab(37.17 32.85 -62.09)
- LCH
- lch(37.17 70.24 297.9)
- CMYK
- cmyk(54% 63% 0% 25%)
Tints · Shades · Tones
Tints
- 655AC6
- 736DCE
- 8380D5
- 9392DC
- A4A4E3
- B5B6E9
- C7C8EF
- D9DAF5
- ECEDFA
Shades
- 4B3CA5
- 3E328C
- 332875
- 271E5E
- 1C1548
- 120D33
- 08051F
- 03020D
- 000002
Tones
- 5A4EB9
- 5D55B3
- 615CAD
- 6462A8
- 6967A2
- 6D6D9C
- 717295
- 76778E
- 7B7B87
Color harmonies
Complementary +180°
- 5746BE
Royal Nightcore
- 686000
≈ Green Brown
Analogous -30° +30°
- 5746BE
Royal Nightcore
- 005DB1
≈ Bottled Sea
- 8233A4
≈ Pleasant Purple
Triadic +120° +240°
- 5746BE
Royal Nightcore
- 9C3C00
≈ Muddy
- 00704E
≈ Natural Watercourse
Split-complementary +150° +210°
- 5746BE
Royal Nightcore
- 805400
≈ Intense Brown
- 3B6E00
≈ Tatzelwurm Green
Tetradic +90° +180° +270°
- 5746BE
Royal Nightcore
- AC173F
≈ French Wine
- 686000
≈ Green Brown
- 006D6C
≈ Caribbean Current
Contrast & accessibility
Ag
AAOn white
WCAG 6.94:1 · APCA Lc 84
Ag
FailOn black
WCAG 3.02:1 · APCA Lc 18
Best text color: #FFFFFF
WCAG 6.94:1 (AA) · APCA Lc 84
Contrast pairs
Code snippets
CSS
:root {
--royal-nightcore: #5746be;
--royal-nightcore-rgb: 87 70 190;
--royal-nightcore-oklch: oklch(0.483 0.18 283.8);
}
.element {
color: var(--royal-nightcore);
background-color: hsl(249 48% 51%);
border-color: oklch(0.483 0.18 283.8);
}Tailwind CSS v4
@theme {
--color-royal-nightcore: #5746be;
--color-royal-nightcore-50: #f0efff;
--color-royal-nightcore-100: #e2e0ff;
--color-royal-nightcore-200: #cdc9ff;
--color-royal-nightcore-300: #b0a8ff;
--color-royal-nightcore-400: #938cff;
--color-royal-nightcore-500: #7c6df7;
--color-royal-nightcore-600: #695dd0;
--color-royal-nightcore-700: #544aa7;
--color-royal-nightcore-800: #3a367e;
--color-royal-nightcore-900: #282559;
--color-royal-nightcore-950: #16133c;
}SCSS
$royal-nightcore: #5746be;
$royal-nightcore-rgb: 87, 70, 190;
$royal-nightcore-light: mix(#fff, $royal-nightcore, 20%);
$royal-nightcore-dark: mix(#000, $royal-nightcore, 20%);
.element {
color: $royal-nightcore;
box-shadow: 0 0 0 2px rgba($royal-nightcore, 0.35);
}