이름 색상 · #425166
Navy Damask
Navy Damask은(는) #425166: rgb(66 81 102), hsl(215 21% 33%), oklch(0.431 0.04 256.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Navy Damask color name →
#425166
oklch(0.431 0.04 256.8)
색상 변환
- HEX
- #425166
- RGB
- rgb(66 81 102)
- HSL
- hsl(215 21% 33%)
- HWB
- hwb(215 26% 60%)
- OKLCH
- oklch(0.431 0.04 256.8)
- OKLab
- oklab(0.431 -0.009 -0.039)
- CIE Lab
- lab(33.81 -1.78 -14.28)
- LCH
- lch(33.81 14.39 262.9)
- CMYK
- cmyk(35% 21% 0% 60%)
틴트 · 셰이드 · 톤
틴트
- 536174
- 647183
- 768292
- 8993A1
- 9BA4B0
- AFB6BF
- C2C7CF
- D6DADF
- EAECEF
셰이드
- 384558
- 2F3A4A
- 252F3C
- 1C242F
- 141A23
- 0B1017
- 05070C
- 010204
- 000000
톤
- 485669
- 4E5A6B
- 545F6E
- 5A6471
- 606873
- 676D76
- 6D7278
- 73767B
- 7A7B7D
색 조화
보색 +180°
- 425166
Navy Damask
- 5D4D37
≈ Beggar
유사색 -30° +30°
- 425166
Navy Damask
- 385561
≈ Opera Glasses
- 4E4D65
≈ Legendary Purple
삼각 배색 +120° +240°
- 425166
Navy Damask
- 644748
≈ Plum Raisin
- 465540
≈ Chard
분열 보색 +150° +210°
- 425166
Navy Damask
- 63493D
≈ Choco Death
- 525238
≈ Amazon Depths
사각 배색 +90° +180° +270°
- 425166
Navy Damask
- 614754
≈ Deep Exquisite
- 5D4D37
≈ Beggar
- 3A574B
≈ Shadow Leaf
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.07:1 · APCA Lc 88
Ag
Fail검은색 위
WCAG 2.60:1 · APCA Lc 14
가장 좋은 글자색: #FFFFFF
WCAG 8.07:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--navy-damask: #425166;
--navy-damask-rgb: 66 81 102;
--navy-damask-oklch: oklch(0.431 0.04 256.8);
}
.element {
color: var(--navy-damask);
background-color: hsl(215 21% 33%);
border-color: oklch(0.431 0.04 256.8);
}Tailwind CSS v4
@theme {
--color-navy-damask: #425166;
--color-navy-damask-50: #eef6ff;
--color-navy-damask-100: #e0e9f6;
--color-navy-damask-200: #cad5e6;
--color-navy-damask-300: #abb8cc;
--color-navy-damask-400: #90a0b6;
--color-navy-damask-500: #7688a1;
--color-navy-damask-600: #647388;
--color-navy-damask-700: #505c6d;
--color-navy-damask-800: #394350;
--color-navy-damask-900: #272e38;
--color-navy-damask-950: #151b22;
}SCSS
$navy-damask: #425166;
$navy-damask-rgb: 66, 81, 102;
$navy-damask-light: mix(#fff, $navy-damask, 20%);
$navy-damask-dark: mix(#000, $navy-damask, 20%);
.element {
color: $navy-damask;
box-shadow: 0 0 0 2px rgba($navy-damask, 0.35);
}