이름 색상 · #4E6594
Dutch Blue
Dutch Blue은(는) #4E6594: rgb(78 101 148), hsl(220 31% 44%), oklch(0.509 0.08 263.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Dutch Blue color name →
#4E6594
oklch(0.509 0.08 263.8)
색상 변환
- HEX
- #4e6594
- RGB
- rgb(78 101 148)
- HSL
- hsl(220 31% 44%)
- HWB
- hwb(220 31% 42%)
- OKLCH
- oklch(0.509 0.08 263.8)
- OKLab
- oklab(0.509 -0.009 -0.08)
- CIE Lab
- lab(42.49 1.42 -28.88)
- LCH
- lch(42.49 28.92 272.8)
- CMYK
- cmyk(47% 32% 0% 42%)
틴트 · 셰이드 · 톤
틴트
- 5E749F
- 6F82A9
- 8091B4
- 91A0BF
- A2B0CA
- B4BFD4
- C7CFDF
- D9DFEA
- ECEFF4
셰이드
- 435780
- 38496D
- 2D3C5A
- 232F48
- 192236
- 0F1726
- 070C16
- 020308
- 000001
톤
- 536892
- 586B91
- 5D6E8F
- 62708D
- 67738B
- 6C7689
- 717887
- 767B85
- 7B7D82
색 조화
보색 +180°
- 4E6594
Dutch Blue
- 7C622A
≈ Brassy Brass
유사색 -30° +30°
- 4E6594
Dutch Blue
- 306D8D
≈ Ocean Call
- 685D8F
≈ Corsican Blue
삼각 배색 +120° +240°
- 4E6594
Dutch Blue
- 8E534F
≈ Toile Red
- 487248
≈ Spring Juniper
분열 보색 +150° +210°
- 4E6594
Dutch Blue
- 895938
≈ Brushwood
- 656B32
≈ Russian Uniform
사각 배색 +90° +180° +270°
- 4E6594
Dutch Blue
- 8A5269
≈ Raspberry Crush
- 7C622A
≈ Brassy Brass
- 297562
≈ Nordic Forest
대비 및 접근성
Ag
AA흰색 위
WCAG 5.81:1 · APCA Lc 79
Ag
Fail검은색 위
WCAG 3.61:1 · APCA Lc 23
가장 좋은 글자색: #FFFFFF
WCAG 5.81:1 (AA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--dutch-blue: #4e6594;
--dutch-blue-rgb: 78 101 148;
--dutch-blue-oklch: oklch(0.509 0.08 263.8);
}
.element {
color: var(--dutch-blue);
background-color: hsl(220 31% 44%);
border-color: oklch(0.509 0.08 263.8);
}Tailwind CSS v4
@theme {
--color-dutch-blue: #4e6594;
--color-dutch-blue-50: #eaf5ff;
--color-dutch-blue-100: #dbe8ff;
--color-dutch-blue-200: #c4d4f8;
--color-dutch-blue-300: #a4b7e1;
--color-dutch-blue-400: #869ecf;
--color-dutch-blue-500: #6b86bc;
--color-dutch-blue-600: #5b719f;
--color-dutch-blue-700: #485a7f;
--color-dutch-blue-800: #33425e;
--color-dutch-blue-900: #232e42;
--color-dutch-blue-950: #121b2a;
}SCSS
$dutch-blue: #4e6594;
$dutch-blue-rgb: 78, 101, 148;
$dutch-blue-light: mix(#fff, $dutch-blue, 20%);
$dutch-blue-dark: mix(#000, $dutch-blue, 20%);
.element {
color: $dutch-blue;
box-shadow: 0 0 0 2px rgba($dutch-blue, 0.35);
}