가장 가까운 이름 색상 · #566D95
#566D95
가장 가까운 이름 색상: Haunt Mist
#566D95(rgb(86 109 149), hsl(218 27% 46%), oklch(0.533 0.069 261.2))와 가장 가까운 이름 색상은 Haunt Mist입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#566D95
oklch(0.533 0.069 261.2)
색상 변환
- HEX
- #566d95
- RGB
- rgb(86 109 149)
- HSL
- hsl(218 27% 46%)
- HWB
- hwb(218 34% 42%)
- OKLCH
- oklch(0.533 0.069 261.2)
- OKLab
- oklab(0.533 -0.011 -0.068)
- CIE Lab
- lab(45.44 -0.48 -24.87)
- LCH
- lch(45.44 24.87 268.9)
- CMYK
- cmyk(42% 27% 0% 42%)
틴트 · 셰이드 · 톤
틴트
- 667BA0
- 7589AA
- 8697B5
- 96A5BF
- A7B4CA
- B8C3D4
- C9D1DF
- DBE0EA
- EDF0F4
셰이드
- 4A5E81
- 3E4F6D
- 32415A
- 273348
- 1C2637
- 121926
- 080D16
- 020408
- 000101
톤
- 5A6F93
- 5E7191
- 63738F
- 67758D
- 6B778B
- 6F7989
- 737B87
- 787C85
- 7C7E82
색 조화
보색 +180°
- 566D95
Haunt Mist
- 81693C
≈ Blue Cheese Olive
유사색 -30° +30°
- 566D95
Haunt Mist
- 3F748E
≈ Harbour Blue
- 6D6692
≈ Purple Grapes
삼각 배색 +120° +240°
- 566D95
Haunt Mist
- 915C5B
≈ Rose Taupe
- 567751
≈ Torrey Pine
분열 보색 +150° +210°
- 566D95
Haunt Mist
- 8D6147
≈ Brilliant Oak
- 6E7140
≈ Wild Jungle
사각 배색 +90° +180° +270°
- 566D95
Haunt Mist
- 8C5C71
≈ Grape Nectar
- 81693C
≈ Blue Cheese Olive
- 3F7A67
≈ Fir
대비 및 접근성
Ag
AA흰색 위
WCAG 5.22:1 · APCA Lc 76
Ag
Fail검은색 위
WCAG 4.01:1 · APCA Lc 26
가장 좋은 글자색: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--haunt-mist: #566d95;
--haunt-mist-rgb: 86 109 149;
--haunt-mist-oklch: oklch(0.533 0.069 261.2);
}
.element {
color: var(--haunt-mist);
background-color: hsl(218 27% 46%);
border-color: oklch(0.533 0.069 261.2);
}Tailwind CSS v4
@theme {
--color-haunt-mist: #566d95;
--color-haunt-mist-50: #ebf6ff;
--color-haunt-mist-100: #dce8ff;
--color-haunt-mist-200: #c5d5f3;
--color-haunt-mist-300: #a5b8dc;
--color-haunt-mist-400: #889fc8;
--color-haunt-mist-500: #6c87b4;
--color-haunt-mist-600: #5c7298;
--color-haunt-mist-700: #495b7a;
--color-haunt-mist-800: #34435a;
--color-haunt-mist-900: #232e3f;
--color-haunt-mist-950: #121b28;
}SCSS
$haunt-mist: #566d95;
$haunt-mist-rgb: 86, 109, 149;
$haunt-mist-light: mix(#fff, $haunt-mist, 20%);
$haunt-mist-dark: mix(#000, $haunt-mist, 20%);
.element {
color: $haunt-mist;
box-shadow: 0 0 0 2px rgba($haunt-mist, 0.35);
}