이름 색상 · #475F94
Last Light Blue
Last Light Blue은(는) #475F94: rgb(71 95 148), hsl(221 35% 43%), oklch(0.491 0.09 264.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Last Light Blue color name →
#475F94
oklch(0.491 0.09 264.8)
색상 변환
- HEX
- #475f94
- RGB
- rgb(71 95 148)
- HSL
- hsl(221 35% 43%)
- HWB
- hwb(221 28% 42%)
- OKLCH
- oklch(0.491 0.09 264.8)
- OKLab
- oklab(0.491 -0.008 -0.09)
- CIE Lab
- lab(40.25 2.89 -32.42)
- LCH
- lch(40.25 32.55 275.1)
- CMYK
- cmyk(52% 36% 0% 42%)
틴트 · 셰이드 · 톤
틴트
- 586E9F
- 697EAA
- 7A8DB4
- 8C9DBF
- 9FADCA
- B1BDD5
- C4CDDF
- D7DEEA
- EBEEF4
셰이드
- 3D5280
- 32446D
- 28385A
- 1F2C48
- 162036
- 0D1526
- 060A16
- 020308
- 000001
톤
- 4D6392
- 526691
- 586A8F
- 5E6D8D
- 63708B
- 697389
- 6F7787
- 747A85
- 7A7D82
색 조화
보색 +180°
- 475F94
Last Light Blue
- 785C18
≈ Hot Mustard
유사색 -30° +30°
- 475F94
Last Light Blue
- 1F688C
≈ Bondi
- 64568E
≈ Butterfly Bush
삼각 배색 +120° +240°
- 475F94
Last Light Blue
- 8D4B46
≈ Rojo Oxide
- 3E6E3F
≈ Mount Hyjal
분열 보색 +150° +210°
- 475F94
Last Light Blue
- 88512A
≈ Plane Brown
- 5F6623
≈ Deathworld Forest
사각 배색 +90° +180° +270°
- 475F94
Last Light Blue
- 884A63
≈ Violet Quartz
- 785C18
≈ Hot Mustard
- 0A715D
≈ Falcon Turquoise
대비 및 접근성
Ag
AA흰색 위
WCAG 6.30:1 · APCA Lc 81
Ag
Fail검은색 위
WCAG 3.33:1 · APCA Lc 21
가장 좋은 글자색: #FFFFFF
WCAG 6.30:1 (AA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--last-light-blue: #475f94;
--last-light-blue-rgb: 71 95 148;
--last-light-blue-oklch: oklch(0.491 0.09 264.8);
}
.element {
color: var(--last-light-blue);
background-color: hsl(221 35% 43%);
border-color: oklch(0.491 0.09 264.8);
}Tailwind CSS v4
@theme {
--color-last-light-blue: #475f94;
--color-last-light-blue-50: #e9f5ff;
--color-last-light-blue-100: #dae8ff;
--color-last-light-blue-200: #c3d4fc;
--color-last-light-blue-300: #a2b7e7;
--color-last-light-blue-400: #849ed4;
--color-last-light-blue-500: #6885c2;
--color-last-light-blue-600: #5970a4;
--color-last-light-blue-700: #475a84;
--color-last-light-blue-800: #324262;
--color-last-light-blue-900: #222e45;
--color-last-light-blue-950: #111a2c;
}SCSS
$last-light-blue: #475f94;
$last-light-blue-rgb: 71, 95, 148;
$last-light-blue-light: mix(#fff, $last-light-blue, 20%);
$last-light-blue-dark: mix(#000, $last-light-blue, 20%);
.element {
color: $last-light-blue;
box-shadow: 0 0 0 2px rgba($last-light-blue, 0.35);
}