가장 가까운 이름 색상 · #5D8DDC
#5D8DDC
가장 가까운 이름 색상: Blue Jay
#5D8DDC(rgb(93 141 220), hsl(217 64% 61%), oklch(0.645 0.13 259.9))와 가장 가까운 이름 색상은 Blue Jay입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#5D8DDC
oklch(0.645 0.13 259.9)
색상 변환
- HEX
- #5d8ddc
- RGB
- rgb(93 141 220)
- HSL
- hsl(217 64% 61%)
- HWB
- hwb(217 36% 14%)
- OKLCH
- oklch(0.645 0.13 259.9)
- OKLab
- oklab(0.645 -0.023 -0.128)
- CIE Lab
- lab(57.91 1.39 -46.04)
- LCH
- lch(57.91 46.06 271.7)
- CMYK
- cmyk(58% 36% 0% 14%)
틴트 · 셰이드 · 톤
틴트
- 6D99E0
- 7DA4E4
- 8DB0E8
- 9CBBEC
- ADC6F0
- BDD2F3
- CDDDF6
- DEE8F9
- EEF4FC
셰이드
- 507ABF
- 4367A3
- 375588
- 2A446E
- 1F3354
- 14233C
- 0A1426
- 030711
- 000102
톤
- 618CD3
- 658BCA
- 698AC1
- 6C89B8
- 7088AF
- 7386A5
- 77859C
- 7A8393
- 7D8289
색 조화
보색 +180°
- 5D8DDC
Blue Jay
- B78310
≈ Letter Jacket
유사색 -30° +30°
- 5D8DDC
Blue Jay
- 009BCC
≈ Tomb Blue
- 8D7ED7
≈ Indigo Bloom
삼각 배색 +120° +240°
- 5D8DDC
Blue Jay
- D16A6C
≈ Lippie
- 60A051
≈ Muted Green
분열 보색 +150° +210°
- 5D8DDC
Blue Jay
- CB733E
≈ Garnet Sand
- 939421
≈ Turtle Moss
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.32:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 6.30:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 6.30:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
CSS
:root {
--blue-jay: #5d8ddc;
--blue-jay-rgb: 93 141 220;
--blue-jay-oklch: oklch(0.645 0.13 259.9);
}
.element {
color: var(--blue-jay);
background-color: hsl(217 64% 61%);
border-color: oklch(0.645 0.13 259.9);
}Tailwind CSS v4
@theme {
--color-blue-jay: #5d8ddc;
--color-blue-jay-50: #e1f6ff;
--color-blue-jay-100: #d0e9ff;
--color-blue-jay-200: #b6d5ff;
--color-blue-jay-300: #93b8fa;
--color-blue-jay-400: #709feb;
--color-blue-jay-500: #5085db;
--color-blue-jay-600: #4570b9;
--color-blue-jay-700: #365a95;
--color-blue-jay-800: #24426f;
--color-blue-jay-900: #182e4e;
--color-blue-jay-950: #091a34;
}SCSS
$blue-jay: #5d8ddc;
$blue-jay-rgb: 93, 141, 220;
$blue-jay-light: mix(#fff, $blue-jay, 20%);
$blue-jay-dark: mix(#000, $blue-jay, 20%);
.element {
color: $blue-jay;
box-shadow: 0 0 0 2px rgba($blue-jay, 0.35);
}