En yakın adlandırılmış renk · #5439BF
#5439BF
En yakın adlandırılmış renk: Royal Nightcore
#5439BF (rgb(84 57 191), hsl(252 54% 49%), oklch(0.461 0.197 284.9)) en çok Royal Nightcore adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#5439BF
oklch(0.461 0.197 284.9)
Renk dönüşümleri
- HEX
- #5439bf
- RGB
- rgb(84 57 191)
- HSL
- hsl(252 54% 49%)
- HWB
- hwb(252 22% 25%)
- OKLCH
- oklch(0.461 0.197 284.9)
- OKLab
- oklab(0.461 0.051 -0.191)
- CIE Lab
- lab(34.12 39.68 -67.67)
- LCH
- lch(34.12 78.44 300.4)
- CMYK
- cmyk(56% 70% 0% 25%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6150C7
- 7065CF
- 7F79D6
- 908CDD
- A19FE4
- B3B2EA
- C5C5F0
- D8D8F5
- EBECFA
Koyu tonlar
- 4830A6
- 3C288D
- 311F75
- 26175E
- 1B1048
- 110933
- 08041F
- 02010D
- 000002
Gri tonlar
- 5744BA
- 5A4DB4
- 5E55AF
- 625CA9
- 6663A3
- 6B699C
- 706F96
- 75758F
- 7A7B88
Renk uyumları
Tamamlayıcı +180°
- 5439BF
Royal Nightcore
- 615B00
≈ Brussels Sprout Green
Analog -30° +30°
- 5439BF
Royal Nightcore
- 0056AA
≈ Blue Lobster
- 7F22A2
≈ Noble Cause Purple
Üçlü +120° +240°
- 5439BF
Royal Nightcore
- 913900
≈ Citrine Brown
- 00694A
≈ Victoria Green
Bölünmüş tamamlayıcı +150° +210°
- 5439BF
Royal Nightcore
- 784F00
≈ Lucky Brown
- 346800
≈ Tatzelwurm Green
Dörtlü +90° +180° +270°
- 5439BF
Royal Nightcore
- A60036
≈ Hot Lava
- 615B00
≈ Brussels Sprout Green
- 006666
≈ Sci-fi Petrol
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.73:1 · APCA Lc 86
Ag
FailSiyah üzerinde
WCAG 2.71:1 · APCA Lc 16
En iyi metin rengi: #FFFFFF
WCAG 7.73:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--royal-nightcore: #5439bf;
--royal-nightcore-rgb: 84 57 191;
--royal-nightcore-oklch: oklch(0.461 0.197 284.9);
}
.element {
color: var(--royal-nightcore);
background-color: hsl(252 54% 49%);
border-color: oklch(0.461 0.197 284.9);
}Tailwind CSS v4
@theme {
--color-royal-nightcore: #5439bf;
--color-royal-nightcore-50: #f0edff;
--color-royal-nightcore-100: #e3dfff;
--color-royal-nightcore-200: #cec7ff;
--color-royal-nightcore-300: #b1a6ff;
--color-royal-nightcore-400: #9588ff;
--color-royal-nightcore-500: #7e68ff;
--color-royal-nightcore-600: #6b59d8;
--color-royal-nightcore-700: #5547ae;
--color-royal-nightcore-800: #3c3483;
--color-royal-nightcore-900: #29235d;
--color-royal-nightcore-950: #17113f;
}SCSS
$royal-nightcore: #5439bf;
$royal-nightcore-rgb: 84, 57, 191;
$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);
}