色名 · #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);
}