#40403E

#40403E

カラー値

HEX

#40403E

RGB

64, 64, 62

HSL

60.0, 1.6%, 24.7%

HSV

60.0, 3.1%, 25.1%

CMYK

0.0%, 0.0%, 3.1%, 74.9%

OKLCH

0.3708 0.0034 106.6

プロパティ

暖色 暗い 最も近い： RAL 6015 Black Olive

色彩心理学

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.

カラーハーモニー

補色

#40403E

#3E3E40

類似色

#403F3E

#3F403E

#40403E

トライアド

#40403E

#3E4040

#403E40

スプリット補色

#40403E

#3E3F40

#3F3E40

テトラード

#40403E

#3E403F

#3E3E40

#403E3F

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

オリジナル

#40403E

第1色覚異常

#40403E

第2色覚異常

#40403F

第3色覚異常

#403F3F

全色盲

#404040

CSS使用法

background-color: #40403E;
color: #40403E;
border-color: #40403E;
最も近いTailwind： Neutral 700 #404040

Tailwindシェード

50
#F7F7F7
100
#EDEDED
200
#DCDCDB
300
#C3C3C1
400
#A2A29F
500
#82827D
600
#686864
700
#535350
800
#41413F
900
#313130
950
#1F1F1E

コントラストチェッカー

白背景のテキスト

10.39:1

AA Pass AAA Pass

黒背景のテキスト

2.02:1

AA Fail AAA Fail

比較する

#40403E
#3E3E40
#40403E
#FFFFFF
#000000
#40403E

関連記事

チュートリアル

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 #40403E?

RGB(64, 64, 62) · HSL(60.0, 1.6%, 24.7%) · CMYK(0.0%, 0.0%, 3.1%, 74.9%)

Does #40403E meet WCAG contrast on white?

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

What text color is readable on #40403E?

Use FFFFFF text on a #40403E background; contrast on black is 2.02:1.