가장 가까운 이름 색상 · #56426B
#56426B
가장 가까운 이름 색상: Haunted Candelabra
#56426B(rgb(86 66 107), hsl(269 24% 34%), oklch(0.418 0.071 306))와 가장 가까운 이름 색상은 Haunted Candelabra입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#56426B
oklch(0.418 0.071 306)
색상 변환
- HEX
- #56426b
- RGB
- rgb(86 66 107)
- HSL
- hsl(269 24% 34%)
- HWB
- hwb(269 26% 58%)
- OKLCH
- oklch(0.418 0.071 306)
- OKLab
- oklab(0.418 0.041 -0.057)
- CIE Lab
- lab(31.5 15.65 -20.75)
- LCH
- lch(31.5 25.99 307)
- CMYK
- cmyk(20% 38% 0% 58%)
틴트 · 셰이드 · 톤
틴트
- 655379
- 756587
- 857796
- 9689A4
- A69CB3
- B8AFC2
- C9C3D1
- DBD6E0
- EDEBF0
셰이드
- 4A385C
- 3E2F4E
- 32253F
- 271C32
- 1C1425
- 120B18
- 08050D
- 020104
- 000000
톤
- 5A486D
- 5E4E70
- 625472
- 665B74
- 6B6176
- 6F6778
- 736D7A
- 77737C
- 7C7A7E
색 조화
보색 +180°
- 56426B
Haunted Candelabra
- 435327
≈ Army Green
유사색 -30° +30°
- 56426B
Haunted Candelabra
- 424973
≈ Egyptian Violet
- 653D5B
≈ Primitive Plum
삼각 배색 +120° +240°
- 56426B
Haunted Candelabra
- 66441F
≈ Florida’s Alligator
- 085952
≈ Baltic Prince
분열 보색 +150° +210°
- 56426B
Haunted Candelabra
- 584C19
≈ Bronze Olive
- 28583C
≈ Green Stain
사각 배색 +90° +180° +270°
- 56426B
Haunted Candelabra
- 6D3E31
≈ Chestnut Peel
- 435327
≈ Army Green
- 0B5665
≈ Abyssal Waters
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.79:1 · APCA Lc 90
Ag
Fail검은색 위
WCAG 2.38:1 · APCA Lc 12
가장 좋은 글자색: #FFFFFF
WCAG 8.79:1 (AAA) · APCA Lc 90
Contrast pairs
코드 스니펫
CSS
:root {
--haunted-candelabra: #56426b;
--haunted-candelabra-rgb: 86 66 107;
--haunted-candelabra-oklch: oklch(0.418 0.071 306);
}
.element {
color: var(--haunted-candelabra);
background-color: hsl(269 24% 34%);
border-color: oklch(0.418 0.071 306);
}Tailwind CSS v4
@theme {
--color-haunted-candelabra: #56426b;
--color-haunted-candelabra-50: #fbf0ff;
--color-haunted-candelabra-100: #eee2fb;
--color-haunted-candelabra-200: #dccdec;
--color-haunted-candelabra-300: #c1aed4;
--color-haunted-candelabra-400: #a994c0;
--color-haunted-candelabra-500: #927aac;
--color-haunted-candelabra-600: #7b6791;
--color-haunted-candelabra-700: #635374;
--color-haunted-candelabra-800: #483c56;
--color-haunted-candelabra-900: #32293c;
--color-haunted-candelabra-950: #1e1726;
}SCSS
$haunted-candelabra: #56426b;
$haunted-candelabra-rgb: 86, 66, 107;
$haunted-candelabra-light: mix(#fff, $haunted-candelabra, 20%);
$haunted-candelabra-dark: mix(#000, $haunted-candelabra, 20%);
.element {
color: $haunted-candelabra;
box-shadow: 0 0 0 2px rgba($haunted-candelabra, 0.35);
}