色名 · #46434A
Nine Iron
Nine Ironは#46434A：rgb(70 67 74)、hsl(266 5% 28%)、oklch(0.388 0.012 305.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Nine Iron color name →
#46434A
oklch(0.388 0.012 305.1)
カラー変換
- HEX
- #46434a
- RGB
- rgb(70 67 74)
- HSL
- hsl(266 5% 28%)
- HWB
- hwb(266 26% 71%)
- OKLCH
- oklch(0.388 0.012 305.1)
- OKLab
- oklab(0.388 0.007 -0.01)
- CIE Lab
- lab(28.91 2.48 -3.77)
- LCH
- lch(28.91 4.51 303.4)
- CMYK
- cmyk(5% 9% 0% 71%)
ティント · シェード · トーン
ティント
- 56545A
- 67656B
- 79777C
- 8B898E
- 9D9CA0
- B0AFB2
- C3C2C5
- D7D6D8
- EBEAEB
シェード
- 3C393F
- 322F35
- 28262A
- 1E1D20
- 151417
- 0D0C0E
- 050506
- 020102
- 000000
トーン
- 4C494F
- 514F54
- 57555A
- 5C5B5F
- 626164
- 68676A
- 6E6D6F
- 747375
- 7A7A7A
カラーハーモニー
補色 +180°
- 46434A
Nine Iron
- 43463F
≈ Black Forest Green
類似色 -30° +30°
- 46434A
Nine Iron
- 42444B
≈ Smoking Night Blue
- 494247
≈ Apple Herb Black
トライアド +120° +240°
- 46434A
Nine Iron
- 49433E
≈ Sealskin
- 3E4745
≈ Panda Black
スプリットコンプリメンタリー +150° +210°
- 46434A
Nine Iron
- 46453D
≈ Heavy Metal
- 404742
≈ Black Forest Green
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 9.71:1 · APCA Lc 93
Ag
Fail黒の上
WCAG 2.16:1 · APCA Lc 10
最適な文字色: #FFFFFF
WCAG 9.71:1 (AAA) · APCA Lc 93
Contrast pairs
コードスニペット
CSS
:root {
--nine-iron: #46434a;
--nine-iron-rgb: 70 67 74;
--nine-iron-oklch: oklch(0.388 0.012 305.1);
}
.element {
color: var(--nine-iron);
background-color: hsl(266 5% 28%);
border-color: oklch(0.388 0.012 305.1);
}Tailwind CSS v4
@theme {
--color-nine-iron: #46434a;
--color-nine-iron-50: #f6f4f8;
--color-nine-iron-100: #e9e7eb;
--color-nine-iron-200: #d5d3d8;
--color-nine-iron-300: #b9b6bc;
--color-nine-iron-400: #a09da4;
--color-nine-iron-500: #88848d;
--color-nine-iron-600: #737077;
--color-nine-iron-700: #5c595f;
--color-nine-iron-800: #434146;
--color-nine-iron-900: #2e2d30;
--color-nine-iron-950: #1b1a1d;
}SCSS
$nine-iron: #46434a;
$nine-iron-rgb: 70, 67, 74;
$nine-iron-light: mix(#fff, $nine-iron, 20%);
$nine-iron-dark: mix(#000, $nine-iron, 20%);
.element {
color: $nine-iron;
box-shadow: 0 0 0 2px rgba($nine-iron, 0.35);
}