Couleur nommée la plus proche · #5A3BC2
#5A3BC2
Couleur nommée la plus proche: Royal Nightcore
#5A3BC2 (rgb(90 59 194), hsl(254 53% 50%), oklch(0.472 0.198 286.7)) est la plus proche de la couleur nommée Royal Nightcore. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#5A3BC2
oklch(0.472 0.198 286.7)
Conversions de couleur
- HEX
- #5a3bc2
- RGB
- rgb(90 59 194)
- HSL
- hsl(254 53% 50%)
- HWB
- hwb(254 23% 24%)
- OKLCH
- oklch(0.472 0.198 286.7)
- OKLab
- oklab(0.472 0.057 -0.19)
- CIE Lab
- lab(35.36 40.54 -67.36)
- LCH
- lch(35.36 78.62 301)
- CMYK
- cmyk(54% 70% 0% 24%)
Teintes · Ombres · Tons
Teintes
- 6752CA
- 7566D1
- 847AD8
- 948DDF
- A5A0E5
- B6B3EB
- C7C6F1
- DAD9F6
- ECECFB
Ombres
- 4D32A8
- 41298F
- 352177
- 291960
- 1E1149
- 130934
- 090420
- 03010E
- 000002
Tons
- 5C45BC
- 5F4EB6
- 6256B1
- 665DAA
- 6A64A4
- 6E6A9D
- 727097
- 76768F
- 7B7B88
Harmonies de couleurs
Complémentaire +180°
- 5A3BC2
Royal Nightcore
- 635E00
≈ Brussels Sprout Green
Analogue -30° +30°
- 5A3BC2
Royal Nightcore
- 0057B5
≈ London Rain
- 8524A3
≈ Passionate Purple
Triadique +120° +240°
- 5A3BC2
Royal Nightcore
- 943E00
≈ Hot Brown
- 006C4F
≈ Starboard
Complémentaire divisée +150° +210°
- 5A3BC2
Royal Nightcore
- 7A5300
≈ Pickled Grape Leaves
- 2F6C00
≈ Tatzelwurm Green
Tétradique +90° +180° +270°
- 5A3BC2
Royal Nightcore
- AC0033
≈ Chernobog
- 635E00
≈ Brussels Sprout Green
- 00696B
≈ Aqua Obscura
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.39:1 · APCA Lc 85
Ag
FailSur noir
WCAG 2.83:1 · APCA Lc 17
Meilleure couleur de texte: #FFFFFF
WCAG 7.39:1 (AAA) · APCA Lc 85
Contrast pairs
Extraits de code
CSS
:root {
--royal-nightcore: #5a3bc2;
--royal-nightcore-rgb: 90 59 194;
--royal-nightcore-oklch: oklch(0.472 0.198 286.7);
}
.element {
color: var(--royal-nightcore);
background-color: hsl(254 53% 50%);
border-color: oklch(0.472 0.198 286.7);
}Tailwind CSS v4
@theme {
--color-royal-nightcore: #5a3bc2;
--color-royal-nightcore-50: #f2edff;
--color-royal-nightcore-100: #e5deff;
--color-royal-nightcore-200: #d1c6ff;
--color-royal-nightcore-300: #b5a5ff;
--color-royal-nightcore-400: #9987ff;
--color-royal-nightcore-500: #8266ff;
--color-royal-nightcore-600: #6e57d7;
--color-royal-nightcore-700: #5846ad;
--color-royal-nightcore-800: #3e3383;
--color-royal-nightcore-900: #2a235c;
--color-royal-nightcore-950: #18113f;
}SCSS
$royal-nightcore: #5a3bc2;
$royal-nightcore-rgb: 90, 59, 194;
$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);
}