가장 가까운 이름 색상 · #5A56EE
#5A56EE
가장 가까운 이름 색상: Warm Blue
#5A56EE(rgb(90 86 238), hsl(242 82% 64%), oklch(0.55 0.221 277.4))와 가장 가까운 이름 색상은 Warm Blue입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#5A56EE
oklch(0.55 0.221 277.4)
색상 변환
- HEX
- #5a56ee
- RGB
- rgb(90 86 238)
- HSL
- hsl(242 82% 64%)
- HWB
- hwb(242 34% 7%)
- OKLCH
- oklch(0.55 0.221 277.4)
- OKLab
- oklab(0.55 0.029 -0.219)
- CIE Lab
- lab(44.42 36.9 -77.76)
- LCH
- lch(44.42 86.07 295.4)
- CMYK
- cmyk(62% 64% 0% 7%)
틴트 · 셰이드 · 톤
틴트
- 676AF2
- 757CF5
- 848EF8
- 949FFA
- A4AFFC
- B6BFFE
- C7CFFF
- DADFFF
- ECEFFF
셰이드
- 4D4ACF
- 413EB1
- 353293
- 292777
- 1E1C5C
- 131242
- 09082A
- 030214
- 000003
톤
- 5C5DE4
- 5F63D9
- 6269CF
- 656DC4
- 6971B9
- 6D75AE
- 7278A3
- 767B98
- 7B7E8C
색 조화
보색 +180°
- 5A56EE
Warm Blue
- 847100
≈ Sunlit Kelp Green
유사색 -30° +30°
- 5A56EE
Warm Blue
- 0076C1
≈ Ocean Boat Blue
- 953CD3
≈ Dreamscape Purple
삼각 배색 +120° +240°
- 5A56EE
Warm Blue
- C43B00
≈ Mahogany
- 008852
≈ Pixel Nature
분열 보색 +150° +210°
- 5A56EE
Warm Blue
- 9F6100
≈ Raw Sienna
- 5A8000
≈ Avocado
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 5.24:1 · APCA Lc 75
Ag
Fail검은색 위
WCAG 4.00:1 · APCA Lc 26
가장 좋은 글자색: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--warm-blue: #5a56ee;
--warm-blue-rgb: 90 86 238;
--warm-blue-oklch: oklch(0.55 0.221 277.4);
}
.element {
color: var(--warm-blue);
background-color: hsl(242 82% 64%);
border-color: oklch(0.55 0.221 277.4);
}Tailwind CSS v4
@theme {
--color-warm-blue: #5a56ee;
--color-warm-blue-50: #e7efff;
--color-warm-blue-100: #d8e0ff;
--color-warm-blue-200: #c1c9ff;
--color-warm-blue-300: #a2a8ff;
--color-warm-blue-400: #838aff;
--color-warm-blue-500: #6b68ff;
--color-warm-blue-600: #5a59e8;
--color-warm-blue-700: #4847bb;
--color-warm-blue-800: #31348d;
--color-warm-blue-900: #212464;
--color-warm-blue-950: #111145;
}SCSS
$warm-blue: #5a56ee;
$warm-blue-rgb: 90, 86, 238;
$warm-blue-light: mix(#fff, $warm-blue, 20%);
$warm-blue-dark: mix(#000, $warm-blue, 20%);
.element {
color: $warm-blue;
box-shadow: 0 0 0 2px rgba($warm-blue, 0.35);
}