色名 · #746F67
Artillery
Artilleryは#746F67：rgb(116 111 103)、hsl(37 6% 43%)、oklch(0.544 0.014 79.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Artillery color name →
#746F67
oklch(0.544 0.014 79.7)
カラー変換
- HEX
- #746f67
- RGB
- rgb(116 111 103)
- HSL
- hsl(37 6% 43%)
- HWB
- hwb(37 40% 55%)
- OKLCH
- oklch(0.544 0.014 79.7)
- OKLab
- oklab(0.544 0.002 0.013)
- CIE Lab
- lab(47.11 0.87 5.2)
- LCH
- lch(47.11 5.27 80.5)
- CMYK
- cmyk(0% 4% 11% 55%)
ティント · シェード · トーン
ティント
- 817C75
- 8E8A83
- 9C9892
- A9A6A1
- B7B4B0
- C5C3BF
- D3D2CF
- E2E1DF
- F0F0EF
シェード
- 646059
- 54514B
- 45423D
- 373430
- 292723
- 1B1A17
- 0F0E0C
- 050404
- 010100
トーン
- 757169
- 76726C
- 78746E
- 797671
- 7A7773
- 7B7976
- 7C7B78
- 7E7D7B
- 7F7E7D
カラーハーモニー
補色 +180°
- 746F67
Artillery
- 6B7078
≈ Dapper Greyhound
類似色 -30° +30°
- 746F67
Artillery
- 776E69
≈ Anchovy
- 707168
≈ Billowing Smoke
トライアド +120° +240°
- 746F67
Artillery
- 677273
≈ Rain Shadow
- 736D75
≈ Exclusive Plum
スプリットコンプリメンタリー +150° +210°
- 746F67
Artillery
- 687176
≈ Rain Shadow
- 6F6F77
≈ Granite Canyon
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.98:1 · APCA Lc 75
Ag
Fail黒の上
WCAG 4.21:1 · APCA Lc 27
最適な文字色: #FFFFFF
WCAG 4.98:1 (AA) · APCA Lc 75
Contrast pairs
コードスニペット
CSS
:root {
--artillery: #746f67;
--artillery-rgb: 116 111 103;
--artillery-oklch: oklch(0.544 0.014 79.7);
}
.element {
color: var(--artillery);
background-color: hsl(37 6% 43%);
border-color: oklch(0.544 0.014 79.7);
}Tailwind CSS v4
@theme {
--color-artillery: #746f67;
--color-artillery-50: #f7f5f1;
--color-artillery-100: #eae7e3;
--color-artillery-200: #d7d4ce;
--color-artillery-300: #bbb7b0;
--color-artillery-400: #a39e96;
--color-artillery-500: #8b857c;
--color-artillery-600: #767169;
--color-artillery-700: #5e5a54;
--color-artillery-800: #45423d;
--color-artillery-900: #302d2a;
--color-artillery-950: #1c1a18;
}SCSS
$artillery: #746f67;
$artillery-rgb: 116, 111, 103;
$artillery-light: mix(#fff, $artillery, 20%);
$artillery-dark: mix(#000, $artillery, 20%);
.element {
color: $artillery;
box-shadow: 0 0 0 2px rgba($artillery, 0.35);
}