가장 가까운 이름 색상 · #9C004D
#9C004D
가장 가까운 이름 색상: Aristocratic Velvet
#9C004D(rgb(156 0 77), hsl(330 100% 31%), oklch(0.447 0.181 1.8))와 가장 가까운 이름 색상은 Aristocratic Velvet입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#9C004D
oklch(0.447 0.181 1.8)
색상 변환
- HEX
- #9c004d
- RGB
- rgb(156 0 77)
- HSL
- hsl(330 100% 31%)
- HWB
- hwb(330 0% 39%)
- OKLCH
- oklch(0.447 0.181 1.8)
- OKLab
- oklab(0.447 0.181 0.006)
- CIE Lab
- lab(33.66 58.14 3.26)
- LCH
- lch(33.66 58.24 3.2)
- CMYK
- cmyk(0% 100% 51% 39%)
틴트 · 셰이드 · 톤
틴트
- A92E5D
- B5496D
- C1617E
- CB7790
- D68EA1
- DFA4B3
- E8BBC6
- F0D1D9
- F8E8EC
셰이드
- 870042
- 730037
- 5F002C
- 4C0022
- 390018
- 28000F
- 180007
- 090002
- 010000
톤
- 9B1F52
- 9A3057
- 993D5C
- 974861
- 945366
- 925C6B
- 8E6670
- 8A6F75
- 86777B
색 조화
보색 +180°
- 9C004D
Aristocratic Velvet
- 006358
≈ Dancing Peacock
유사색 -30° +30°
- 9C004D
Aristocratic Velvet
- 891A80
≈ Noble Plum
- 9D1700
≈ Totem Pole
삼각 배색 +120° +240°
- 9C004D
Aristocratic Velvet
- 4B5D00
≈ Kyuri Green
- 005A8A
≈ Buccaneer Blue
분열 보색 +150° +210°
- 9C004D
Aristocratic Velvet
- 006631
≈ Treasured Wilderness
- 00606D
≈ Shaded Spruce
사각 배색 +90° +180° +270°
- 9C004D
Aristocratic Velvet
- 675200
≈ Olive Brown
- 006358
≈ Dancing Peacock
- 3643B6
≈ Early Spring Night
대비 및 접근성
Ag
AAA흰색 위
WCAG 8.33:1 · APCA Lc 86
Ag
Fail검은색 위
WCAG 2.52:1 · APCA Lc 16
가장 좋은 글자색: #FFFFFF
WCAG 8.33:1 (AAA) · APCA Lc 86
Contrast pairs
코드 스니펫
CSS
:root {
--aristocratic-velvet: #9c004d;
--aristocratic-velvet-rgb: 156 0 77;
--aristocratic-velvet-oklch: oklch(0.447 0.181 1.8);
}
.element {
color: var(--aristocratic-velvet);
background-color: hsl(330 100% 31%);
border-color: oklch(0.447 0.181 1.8);
}Tailwind CSS v4
@theme {
--color-aristocratic-velvet: #9c004d;
--color-aristocratic-velvet-50: #ffe0ef;
--color-aristocratic-velvet-100: #ffcfe1;
--color-aristocratic-velvet-200: #ffb3cb;
--color-aristocratic-velvet-300: #ff8dad;
--color-aristocratic-velvet-400: #f16a96;
--color-aristocratic-velvet-500: #df417d;
--color-aristocratic-velvet-600: #bc396a;
--color-aristocratic-velvet-700: #982d55;
--color-aristocratic-velvet-800: #711f40;
--color-aristocratic-velvet-900: #4f152c;
--color-aristocratic-velvet-950: #340519;
}SCSS
$aristocratic-velvet: #9c004d;
$aristocratic-velvet-rgb: 156, 0, 77;
$aristocratic-velvet-light: mix(#fff, $aristocratic-velvet, 20%);
$aristocratic-velvet-dark: mix(#000, $aristocratic-velvet, 20%);
.element {
color: $aristocratic-velvet;
box-shadow: 0 0 0 2px rgba($aristocratic-velvet, 0.35);
}