이름 색상 · #446CCF
Han Blue
Han Blue은(는) #446CCF: rgb(68 108 207), hsl(223 59% 54%), oklch(0.554 0.159 265.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Han Blue color name →
#446CCF
oklch(0.554 0.159 265.1)
색상 변환
- HEX
- #446ccf
- RGB
- rgb(68 108 207)
- HSL
- hsl(223 59% 54%)
- HWB
- hwb(223 27% 19%)
- OKLCH
- oklch(0.554 0.159 265.1)
- OKLab
- oklab(0.554 -0.014 -0.159)
- CIE Lab
- lab(46.74 11.17 -56.55)
- LCH
- lch(46.74 57.64 281.2)
- CMYK
- cmyk(67% 48% 0% 19%)
틴트 · 셰이드 · 톤
틴트
- 557BD5
- 678ADB
- 7999E0
- 8BA8E5
- 9EB6EA
- B1C5EF
- C4D3F3
- D7E2F8
- EBF0FB
셰이드
- 3A5DB4
- 304E99
- 26407F
- 1D3267
- 14254F
- 0C1938
- 050D23
- 020410
- 000002
톤
- 4A6FC8
- 5072C0
- 5674B9
- 5C77B1
- 6279A9
- 687AA1
- 6E7C99
- 747E91
- 7A7F89
색 조화
보색 +180°
- 446CCF
Han Blue
- 916C00
≈ Honey Yellow Green
유사색 -30° +30°
- 446CCF
Han Blue
- 007CAD
≈ Jacuzzi
- 7C5AC5
≈ Fuchsia Blue
삼각 배색 +120° +240°
- 446CCF
Han Blue
- BE4340
≈ Chuckles
- 1E8A2F
≈ Temperamental Green
분열 보색 +150° +210°
- 446CCF
Han Blue
- AE5800
≈ Tijolo
- 717B00
≈ Flag Green
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 4.89:1 · APCA Lc 74
Ag
Fail검은색 위
WCAG 4.29:1 · APCA Lc 28
가장 좋은 글자색: #FFFFFF
WCAG 4.89:1 (AA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--han-blue: #446ccf;
--han-blue-rgb: 68 108 207;
--han-blue-oklch: oklch(0.554 0.159 265.1);
}
.element {
color: var(--han-blue);
background-color: hsl(223 59% 54%);
border-color: oklch(0.554 0.159 265.1);
}Tailwind CSS v4
@theme {
--color-han-blue: #446ccf;
--color-han-blue-50: #e1f5ff;
--color-han-blue-100: #d0e7ff;
--color-han-blue-200: #b6d3ff;
--color-han-blue-300: #93b4ff;
--color-han-blue-400: #709afc;
--color-han-blue-500: #517fee;
--color-han-blue-600: #456cc9;
--color-han-blue-700: #3756a2;
--color-han-blue-800: #243f79;
--color-han-blue-900: #182c55;
--color-han-blue-950: #09183a;
}SCSS
$han-blue: #446ccf;
$han-blue-rgb: 68, 108, 207;
$han-blue-light: mix(#fff, $han-blue, 20%);
$han-blue-dark: mix(#000, $han-blue, 20%);
.element {
color: $han-blue;
box-shadow: 0 0 0 2px rgba($han-blue, 0.35);
}