Benannte Farbe · #533CC6
Royal Nightcore
Royal Nightcore ist #533CC6: rgb(83 60 198), hsl(250 55% 51%), oklch(0.471 0.203 283). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Royal Nightcore color name →
#533CC6
oklch(0.471 0.203 283)
Farbumrechnungen
- HEX
- #533cc6
- RGB
- rgb(83 60 198)
- HSL
- hsl(250 55% 51%)
- HWB
- hwb(250 24% 22%)
- OKLCH
- oklch(0.471 0.203 283)
- OKLab
- oklab(0.471 0.045 -0.197)
- CIE Lab
- lab(35.18 39.62 -70.03)
- LCH
- lch(35.18 80.46 299.5)
- CMYK
- cmyk(58% 70% 0% 22%)
Tints · Shades · Tones
Tints
- 6053CD
- 6F68D5
- 7E7BDB
- 8F8EE2
- A0A1E8
- B2B4ED
- C5C7F2
- D8D9F7
- EBECFB
Shades
- 4733AC
- 3B2A92
- 30217A
- 251962
- 1B114B
- 110A35
- 080421
- 02010E
- 000002
Tones
- 5646C0
- 594FBA
- 5D57B3
- 615EAD
- 6565A6
- 6A6B9F
- 6F7198
- 757690
- 7A7B88
Farbharmonien
Komplementär +180°
- 533CC6
Royal Nightcore
- 665D00
≈ Brussels Sprout Green
Analog -30° +30°
- 533CC6
Royal Nightcore
- 005BA9
≈ Bottled Sea
- 8124A9
≈ Fuchsia Nebula
Triadisch +120° +240°
- 533CC6
Royal Nightcore
- 983800
≈ Chocoholic
- 006C4A
≈ Environmental Green
Geteilt komplementär +150° +210°
- 533CC6
Royal Nightcore
- 7D5000
≈ Medium Brown
- 3B6A00
≈ Tatzelwurm Green
Tetradisch +90° +180° +270°
- 533CC6
Royal Nightcore
- AA003C
≈ Screamer Pink
- 665D00
≈ Brussels Sprout Green
- 006967
≈ Chinese Garden
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.42:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.82:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.42:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--royal-nightcore: #533cc6;
--royal-nightcore-rgb: 83 60 198;
--royal-nightcore-oklch: oklch(0.471 0.203 283);
}
.element {
color: var(--royal-nightcore);
background-color: hsl(250 55% 51%);
border-color: oklch(0.471 0.203 283);
}Tailwind CSS v4
@theme {
--color-royal-nightcore: #533cc6;
--color-royal-nightcore-50: #eeeeff;
--color-royal-nightcore-100: #e0dfff;
--color-royal-nightcore-200: #cbc8ff;
--color-royal-nightcore-300: #aea6ff;
--color-royal-nightcore-400: #9189ff;
--color-royal-nightcore-500: #7a68ff;
--color-royal-nightcore-600: #6759dc;
--color-royal-nightcore-700: #5247b1;
--color-royal-nightcore-800: #393485;
--color-royal-nightcore-900: #27245e;
--color-royal-nightcore-950: #161141;
}SCSS
$royal-nightcore: #533cc6;
$royal-nightcore-rgb: 83, 60, 198;
$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);
}