가장 가까운 이름 색상 · #8B1154
#8B1154
가장 가까운 이름 색상: Mulberry
#8B1154(rgb(139 17 84), hsl(327 78% 31%), oklch(0.424 0.163 354.1))와 가장 가까운 이름 색상은 Mulberry입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#8B1154
oklch(0.424 0.163 354.1)
색상 변환
- HEX
- #8b1154
- RGB
- rgb(139 17 84)
- HSL
- hsl(327 78% 31%)
- HWB
- hwb(327 7% 45%)
- OKLCH
- oklch(0.424 0.163 354.1)
- OKLab
- oklab(0.424 0.162 -0.017)
- CIE Lab
- lab(31.08 51.76 -5.63)
- LCH
- lch(31.08 52.07 353.8)
- CMYK
- cmyk(0% 88% 40% 45%)
틴트 · 셰이드 · 톤
틴트
- 993164
- A64A73
- B36184
- BF7794
- CB8DA5
- D6A3B7
- E1BAC8
- ECD1DA
- F6E8ED
셰이드
- 780D48
- 66093C
- 540631
- 430426
- 32021B
- 230111
- 140008
- 070002
- 010000
톤
- 8C2458
- 8C325D
- 8C3E61
- 8C4865
- 8B526A
- 8A5C6E
- 886573
- 866E77
- 83777B
색 조화
보색 +180°
- 8B1154
Mulberry
- 005C4B
≈ Evergreen
유사색 -30° +30°
- 8B1154
Mulberry
- 77227F
≈ Count’s Wardrobe
- 930F1C
≈ Sacred Scarlet
삼각 배색 +120° +240°
- 8B1154
Mulberry
- 4E5300
≈ Douro
- 005577
≈ Studer Blue
분열 보색 +150° +210°
- 8B1154
Mulberry
- 006010
≈ Thuja Green
- 005960
≈ Entrapment
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.10:1 · APCA Lc 89
Ag
Fail검은색 위
WCAG 2.30:1 · APCA Lc 13
가장 좋은 글자색: #FFFFFF
WCAG 9.10:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--mulberry: #8b1154;
--mulberry-rgb: 139 17 84;
--mulberry-oklch: oklch(0.424 0.163 354.1);
}
.element {
color: var(--mulberry);
background-color: hsl(327 78% 31%);
border-color: oklch(0.424 0.163 354.1);
}Tailwind CSS v4
@theme {
--color-mulberry: #8b1154;
--color-mulberry-50: #ffe3f6;
--color-mulberry-100: #ffd2e9;
--color-mulberry-200: #ffb7d6;
--color-mulberry-300: #f993ba;
--color-mulberry-400: #e671a5;
--color-mulberry-500: #d34e8d;
--color-mulberry-600: #b34377;
--color-mulberry-700: #903560;
--color-mulberry-800: #6a2648;
--color-mulberry-900: #4b1932;
--color-mulberry-950: #31091e;
}SCSS
$mulberry: #8b1154;
$mulberry-rgb: 139, 17, 84;
$mulberry-light: mix(#fff, $mulberry, 20%);
$mulberry-dark: mix(#000, $mulberry, 20%);
.element {
color: $mulberry;
box-shadow: 0 0 0 2px rgba($mulberry, 0.35);
}