色名 · #494B4E

Night Club

Night Clubは#494B4E：rgb(73 75 78)、hsl(216 3% 30%)、oklch(0.412 0.006 258.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。

What does Gray mean? → · Night Club color name →

#494B4E

oklch(0.412 0.006 258.3)

カラー変換

HEX: #494b4e
RGB: rgb(73 75 78)
HSL: hsl(216 3% 30%)
HWB: hwb(216 29% 69%)
OKLCH: oklch(0.412 0.006 258.3)
OKLab: oklab(0.412 -0.001 -0.006)
CIE Lab: lab(31.78 -0.34 -2.09)
LCH: lch(31.78 2.12 260.7)
CMYK: cmyk(6% 4% 0% 69%)

ティント · シェード · トーン

ティント

595B5E
6A6C6E
7B7D7F
8D8E90
9FA0A2
B2B2B4
C4C5C6
D8D8D9
EBEBEC

シェード

3E4043
343538
2A2B2D
202123
171719
0E0E0F
060607
020202
000000

トーン

4E5053
545558
595A5D
5E6061
646566
696A6B
6F7071
757576
7A7A7B

カラーハーモニー

補色 +180°

494B4E
Night Club
4D4B48
≈ Black Bean

類似色 -30° +30°

トライアド +120° +240°

スプリットコンプリメンタリー +150° +210°

テトラード +90° +180° +270°

コントラストとアクセシビリティ

白の上

WCAG 8.75:1 · APCA Lc 90

AAA

黒の上

WCAG 2.39:1 · APCA Lc 12

Fail

最適な文字色: #FFFFFF

WCAG 8.75:1 (AAA) · APCA Lc 90

Contrast pairs

コードスニペット

CSS

:root {
  --night-club: #494b4e;
  --night-club-rgb: 73 75 78;
  --night-club-oklch: oklch(0.412 0.006 258.3);
}

.element {
  color: var(--night-club);
  background-color: hsl(216 3% 30%);
  border-color: oklch(0.412 0.006 258.3);
}

Tailwind CSS v4

@theme {
  --color-night-club: #494b4e;
  --color-night-club-50: #f4f5f7;
  --color-night-club-100: #e7e8ea;
  --color-night-club-200: #d3d4d7;
  --color-night-club-300: #b6b7ba;
  --color-night-club-400: #9c9ea2;
  --color-night-club-500: #84868a;
  --color-night-club-600: #707275;
  --color-night-club-700: #595b5d;
  --color-night-club-800: #414244;
  --color-night-club-900: #2d2e2f;
  --color-night-club-950: #1a1b1c;
}

SCSS

$night-club: #494b4e;
$night-club-rgb: 73, 75, 78;
$night-club-light: mix(#fff, $night-club, 20%);
$night-club-dark: mix(#000, $night-club, 20%);

.element {
  color: $night-club;
  box-shadow: 0 0 0 2px rgba($night-club, 0.35);
}

近い色名

Palettes with similar colors

ツールで開く

ピッカーペアコントラストチェッカー Studio JSON API