가장 가까운 이름 색상 · #4C529A
#4C529A
가장 가까운 이름 색상: Twilight
#4C529A(rgb(76 82 154), hsl(235 34% 45%), oklch(0.47 0.115 277.4))와 가장 가까운 이름 색상은 Twilight입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#4C529A
oklch(0.47 0.115 277.4)
색상 변환
- HEX
- #4c529a
- RGB
- rgb(76 82 154)
- HSL
- hsl(235 34% 45%)
- HWB
- hwb(235 30% 40%)
- OKLCH
- oklch(0.47 0.115 277.4)
- OKLab
- oklab(0.47 0.015 -0.114)
- CIE Lab
- lab(37.14 13.61 -40.88)
- LCH
- lch(37.14 43.08 288.4)
- CMYK
- cmyk(51% 47% 0% 40%)
틴트 · 셰이드 · 톤
틴트
- 5B63A5
- 6C73AF
- 7D84BA
- 8E95C4
- A0A6CE
- B2B8D8
- C5C9E2
- D8DBEC
- EBEDF5
셰이드
- 414685
- 363B71
- 2C2F5E
- 22254B
- 181A39
- 0F1127
- 060817
- 020209
- 000001
톤
- 515798
- 555C96
- 5A6194
- 5F6691
- 656A8F
- 6A6F8C
- 6F7389
- 757886
- 7A7C83
색 조화
보색 +180°
- 4C529A
Twilight
- 6A5A00
≈ Brussels Sprout Green
유사색 -30° +30°
- 4C529A
Twilight
- 135E97
≈ Lapis Jewel
- 6C478C
≈ Grapes of Italy
삼각 배색 +120° +240°
- 4C529A
Twilight
- 8F3F27
≈ Fire
- 006D41
≈ Rainforest Retreat
분열 보색 +150° +210°
- 4C529A
Twilight
- 804D00
≈ Gédéon Brown
- 48660D
≈ Camouflage Green
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.04:1 · APCA Lc 84
Ag
Fail검은색 위
WCAG 2.98:1 · APCA Lc 18
가장 좋은 글자색: #FFFFFF
WCAG 7.04:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--twilight: #4c529a;
--twilight-rgb: 76 82 154;
--twilight-oklch: oklch(0.47 0.115 277.4);
}
.element {
color: var(--twilight);
background-color: hsl(235 34% 45%);
border-color: oklch(0.47 0.115 277.4);
}Tailwind CSS v4
@theme {
--color-twilight: #4c529a;
--color-twilight-50: #eef2ff;
--color-twilight-100: #dfe5ff;
--color-twilight-200: #c9d0ff;
--color-twilight-300: #abb1f2;
--color-twilight-400: #8e98e2;
--color-twilight-500: #747dd1;
--color-twilight-600: #626ab1;
--color-twilight-700: #4e558e;
--color-twilight-800: #373e6a;
--color-twilight-900: #262b4a;
--color-twilight-950: #141831;
}SCSS
$twilight: #4c529a;
$twilight-rgb: 76, 82, 154;
$twilight-light: mix(#fff, $twilight, 20%);
$twilight-dark: mix(#000, $twilight, 20%);
.element {
color: $twilight;
box-shadow: 0 0 0 2px rgba($twilight, 0.35);
}