#212321

#212321

カラー値

HEX

#212321

RGB

33, 35, 33

HSL

120.0, 2.9%, 13.3%

HSV

120.0, 5.7%, 13.7%

CMYK

5.7%, 0.0%, 5.7%, 86.3%

OKLCH

0.2533 0.0047 145.4

プロパティ

寒色 暗い 最も近い： RAL 8022 Black Brown

色彩心理学

Dark grays and charcoals project authority, formality, and sophisticated restraint. They are the color of graphite, storm clouds, and evening suits, carrying weight without the absolute finality of black. These tones suggest seriousness and expertise tempered by subtle warmth.

Design Usage

Dark gray is the preferred text color over pure black for reducing eye strain on light backgrounds. It serves as the standard dark-mode surface color in Material Design and other major design systems. Pair it with a single vivid accent color for a minimal, high-impact visual hierarchy.

カラーハーモニー

補色

#212321

#232123

類似色

#222321

#212322

#212321

トライアド

#212321

#212123

#232121

スプリット補色

#212321

#222123

#232122

テトラード

#212321

#212223

#232123

#232221

色覚異常シミュレーション

オリジナル

#212321

第1色覚異常

#222221

第2色覚異常

#222222

第3色覚異常

#212222

全色盲

#222222

CSS使用法

background-color: #212321;
color: #212321;
border-color: #212321;
最も近いTailwind： Neutral 800 #262626

Tailwindシェード

50
#F7F8F7
100
#EDEEED
200
#DADCDA
300
#C0C4C0
400
#9EA39E
500
#7C837C
600
#636963
700
#4F544F
800
#3E423E
900
#2F322F
950
#1E1F1E

コントラストチェッカー

白背景のテキスト

15.82:1

AA Pass AAA Pass

黒背景のテキスト

1.33:1

AA Fail AAA Fail

比較する

#212321
#232123
#212321
#FFFFFF
#000000
#212321

関連記事

チュートリアル

CSS color-mix()：ブラウザでネイティブにカラーをブレンド

1月 26, 2026
チュートリアル

カラーピッカーWebコンポーネントをゼロから構築する

1月 21, 2026
チュートリアル

知覚的色空間：Lab、LCH、Oklab、OKLCH

1月 15, 2026

よくある質問

What are the RGB, HSL, and CMYK values of #212321?

RGB(33, 35, 33) · HSL(120.0, 2.9%, 13.3%) · CMYK(5.7%, 0.0%, 5.7%, 86.3%)

Does #212321 meet WCAG contrast on white?

15.82:1 — WCAG AA 合格, AAA 合格 for normal text.

What text color is readable on #212321?

Use FFFFFF text on a #212321 background; contrast on black is 1.33:1.