이름 색상 · #364C68
Deep Royal
Deep Royal은(는) #364C68: rgb(54 76 104), hsl(214 32% 31%), oklch(0.411 0.055 254.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Deep Royal color name →
#364C68
oklch(0.411 0.055 254.8)
색상 변환
- HEX
- #364c68
- RGB
- rgb(54 76 104)
- HSL
- hsl(214 32% 31%)
- HWB
- hwb(214 21% 59%)
- OKLCH
- oklch(0.411 0.055 254.8)
- OKLab
- oklab(0.411 -0.014 -0.053)
- CIE Lab
- lab(31.44 -2.34 -19.24)
- LCH
- lch(31.44 19.38 263.1)
- CMYK
- cmyk(48% 27% 0% 59%)
틴트 · 셰이드 · 톤
틴트
- 485C76
- 5A6D85
- 6D7E93
- 8190A2
- 95A1B1
- A9B3C1
- BEC6D0
- D3D9DF
- E9ECEF
셰이드
- 2E4159
- 25364B
- 1E2C3E
- 162230
- 0F1824
- 080F18
- 03060C
- 010204
- 000000
톤
- 3D516B
- 44566D
- 4C5B70
- 536172
- 5A6675
- 626B77
- 697079
- 71757C
- 787B7E
색 조화
보색 +180°
- 364C68
Deep Royal
- 5C4627
≈ Nightingale
유사색 -30° +30°
- 364C68
Deep Royal
- 265161
≈ Shadow of Night
- 474667
≈ Deepest Fig
삼각 배색 +120° +240°
- 364C68
Deep Royal
- 653E41
≈ Beetroot
- 3E5133
≈ Highlander
분열 보색 +150° +210°
- 364C68
Deep Royal
- 644131
≈ Worn Wooden
- 4F4C28
≈ Codium Fragile
사각 배색 +90° +180° +270°
- 364C68
Deep Royal
- 603E51
≈ Dark Potion
- 5C4627
≈ Nightingale
- 2C5443
≈ Fresh Mint
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.78:1 · APCA Lc 90
Ag
Fail검은색 위
WCAG 2.39:1 · APCA Lc 12
가장 좋은 글자색: #FFFFFF
WCAG 8.78:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--deep-royal: #364c68;
--deep-royal-rgb: 54 76 104;
--deep-royal-oklch: oklch(0.411 0.055 254.8);
}
.element {
color: var(--deep-royal);
background-color: hsl(214 32% 31%);
border-color: oklch(0.411 0.055 254.8);
}Tailwind CSS v4
@theme {
--color-deep-royal: #364c68;
--color-deep-royal-50: #ebf6ff;
--color-deep-royal-100: #dde9fb;
--color-deep-royal-200: #c6d6ec;
--color-deep-royal-300: #a6b9d4;
--color-deep-royal-400: #89a1bf;
--color-deep-royal-500: #6e88aa;
--color-deep-royal-600: #5d7390;
--color-deep-royal-700: #4a5c73;
--color-deep-royal-800: #354455;
--color-deep-royal-900: #242f3b;
--color-deep-royal-950: #131b25;
}SCSS
$deep-royal: #364c68;
$deep-royal-rgb: 54, 76, 104;
$deep-royal-light: mix(#fff, $deep-royal, 20%);
$deep-royal-dark: mix(#000, $deep-royal, 20%);
.element {
color: $deep-royal;
box-shadow: 0 0 0 2px rgba($deep-royal, 0.35);
}