가장 가까운 이름 색상 · #5439BF
#5439BF
가장 가까운 이름 색상: Royal Nightcore
#5439BF(rgb(84 57 191), hsl(252 54% 49%), oklch(0.461 0.197 284.9))와 가장 가까운 이름 색상은 Royal Nightcore입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#5439BF
oklch(0.461 0.197 284.9)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 6150C7
- 7065CF
- 7F79D6
- 908CDD
- A19FE4
- B3B2EA
- C5C5F0
- D8D8F5
- EBECFA
셰이드
- 4830A6
- 3C288D
- 311F75
- 26175E
- 1B1048
- 110933
- 08041F
- 02010D
- 000002
톤
- 5744BA
- 5A4DB4
- 5E55AF
- 625CA9
- 6663A3
- 6B699C
- 706F96
- 75758F
- 7A7B88
색 조화
보색 +180°
- 5439BF
Royal Nightcore
- 615B00
≈ Brussels Sprout Green
유사색 -30° +30°
- 5439BF
Royal Nightcore
- 0056AA
≈ Blue Lobster
- 7F22A2
≈ Noble Cause Purple
삼각 배색 +120° +240°
- 5439BF
Royal Nightcore
- 913900
≈ Citrine Brown
- 00694A
≈ Victoria Green
분열 보색 +150° +210°
- 5439BF
Royal Nightcore
- 784F00
≈ Lucky Brown
- 346800
≈ Tatzelwurm Green
사각 배색 +90° +180° +270°
- 5439BF
Royal Nightcore
- A60036
≈ Hot Lava
- 615B00
≈ Brussels Sprout Green
- 006666
≈ Sci-fi Petrol
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.73:1 · APCA Lc 86
Ag
Fail검은색 위
WCAG 2.71:1 · APCA Lc 16
가장 좋은 글자색: #FFFFFF
WCAG 7.73:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
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);
}