가장 가까운 이름 색상 · #9E1045
#9E1045
가장 가까운 이름 색상: Vampirella
#9E1045(rgb(158 16 69), hsl(338 82% 34%), oklch(0.455 0.173 7.4))와 가장 가까운 이름 색상은 Vampirella입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#9E1045
oklch(0.455 0.173 7.4)
색상 변환
- HEX
- #9e1045
- RGB
- rgb(158 16 69)
- HSL
- hsl(338 82% 34%)
- HWB
- hwb(338 6% 38%)
- OKLCH
- oklch(0.455 0.173 7.4)
- OKLab
- oklab(0.455 0.172 0.022)
- CIE Lab
- lab(34.68 56.08 10.01)
- LCH
- lch(34.68 56.96 10.1)
- CMYK
- cmyk(0% 90% 56% 38%)
틴트 · 셰이드 · 톤
틴트
- AB3456
- B64D67
- C26478
- CC7A8A
- D6909D
- E0A6B0
- E9BCC3
- F1D2D7
- F8E8EB
셰이드
- 890C3B
- 740931
- 600627
- 4D041E
- 3A0215
- 29010C
- 180005
- 090002
- 010000
톤
- 9D264B
- 9C3450
- 9A4056
- 984B5C
- 955562
- 925E68
- 8F676E
- 8A6F74
- 86787A
색 조화
보색 +180°
- 9E1045
Vampirella
- 00645E
≈ Emerald Stone
유사색 -30° +30°
- 9E1045
Vampirella
- 8E1F78
≈ Noble Plum
- 982B00
≈ Hawaiian Malasada
삼각 배색 +120° +240°
- 9E1045
Vampirella
- 446200
≈ Camouflage Green
- 005A95
≈ Jetski Race
분열 보색 +150° +210°
- 9E1045
Vampirella
- 00683E
≈ Celtic Clover
- 006174
≈ Ocean Radiance
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.03:1 · APCA Lc 86
Ag
Fail검은색 위
WCAG 2.61:1 · APCA Lc 16
가장 좋은 글자색: #FFFFFF
WCAG 8.03:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--vampirella: #9e1045;
--vampirella-rgb: 158 16 69;
--vampirella-oklch: oklch(0.455 0.173 7.4);
}
.element {
color: var(--vampirella);
background-color: hsl(338 82% 34%);
border-color: oklch(0.455 0.173 7.4);
}Tailwind CSS v4
@theme {
--color-vampirella: #9e1045;
--color-vampirella-50: #ffe1ea;
--color-vampirella-100: #ffd0db;
--color-vampirella-200: #ffb5c4;
--color-vampirella-300: #ff90a4;
--color-vampirella-400: #f06c8c;
--color-vampirella-500: #de4671;
--color-vampirella-600: #bc3c60;
--color-vampirella-700: #97304d;
--color-vampirella-800: #70213a;
--color-vampirella-900: #4f1628;
--color-vampirella-950: #340616;
}SCSS
$vampirella: #9e1045;
$vampirella-rgb: 158, 16, 69;
$vampirella-light: mix(#fff, $vampirella, 20%);
$vampirella-dark: mix(#000, $vampirella, 20%);
.element {
color: $vampirella;
box-shadow: 0 0 0 2px rgba($vampirella, 0.35);
}