이름 색상 · #49434A
Violet Black
Violet Black은(는) #49434A: rgb(73 67 74), hsl(291 5% 28%), oklch(0.391 0.014 321.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Violet Black color name →
#49434A
oklch(0.391 0.014 321.4)
색상 변환
- HEX
- #49434a
- RGB
- rgb(73 67 74)
- HSL
- hsl(291 5% 28%)
- HWB
- hwb(291 26% 71%)
- OKLCH
- oklch(0.391 0.014 321.4)
- OKLab
- oklab(0.391 0.011 -0.009)
- CIE Lab
- lab(29.21 3.76 -3.28)
- LCH
- lch(29.21 4.99 319)
- CMYK
- cmyk(1% 9% 0% 71%)
틴트 · 셰이드 · 톤
틴트
- 59545A
- 6A656B
- 7B777C
- 8D898E
- 9F9CA0
- B2AFB2
- C4C2C5
- D8D6D8
- EBEAEB
셰이드
- 3E393F
- 342F35
- 2A262A
- 201D20
- 171417
- 0E0C0E
- 060506
- 020102
- 000000
톤
- 4E494F
- 544F54
- 59555A
- 5E5B5F
- 646164
- 69676A
- 6F6D6F
- 757375
- 7A7A7A
색 조화
보색 +180°
- 49434A
Violet Black
- 414740
≈ Black Forest Green
유사색 -30° +30°
- 49434A
Violet Black
- 45444D
≈ Night Grey
- 4C4246
≈ Apple Herb Black
삼각 배색 +120° +240°
- 49434A
Violet Black
- 49453D
≈ Whiskey and Wine
- 3D4848
≈ Panda Black
분열 보색 +150° +210°
- 49434A
Violet Black
- 45463E
≈ Heavy Metal
- 3E4844
≈ Rich Olive
사각 배색 +90° +180° +270°
- 49434A
Violet Black
- 4C433F
≈ Basalt Black
- 414740
≈ Black Forest Green
- 3E474C
≈ Winter Way
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.61:1 · APCA Lc 92
Ag
Fail검은색 위
WCAG 2.18:1 · APCA Lc 10
가장 좋은 글자색: #FFFFFF
WCAG 9.61:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--violet-black: #49434a;
--violet-black-rgb: 73 67 74;
--violet-black-oklch: oklch(0.391 0.014 321.4);
}
.element {
color: var(--violet-black);
background-color: hsl(291 5% 28%);
border-color: oklch(0.391 0.014 321.4);
}Tailwind CSS v4
@theme {
--color-violet-black: #49434a;
--color-violet-black-50: #f7f4f7;
--color-violet-black-100: #eae6eb;
--color-violet-black-200: #d7d2d8;
--color-violet-black-300: #bbb5bc;
--color-violet-black-400: #a29ca3;
--color-violet-black-500: #8b838c;
--color-violet-black-600: #756f76;
--color-violet-black-700: #5e595f;
--color-violet-black-800: #454145;
--color-violet-black-900: #2f2d30;
--color-violet-black-950: #1c1a1c;
}SCSS
$violet-black: #49434a;
$violet-black-rgb: 73, 67, 74;
$violet-black-light: mix(#fff, $violet-black, 20%);
$violet-black-dark: mix(#000, $violet-black, 20%);
.element {
color: $violet-black;
box-shadow: 0 0 0 2px rgba($violet-black, 0.35);
}