#334C40

#334C40

カラー値

HEX

#334C40

RGB

51, 76, 64

HSL

151.2, 19.7%, 24.9%

HSV

151.2, 32.9%, 29.8%

CMYK

32.9%, 0.0%, 15.8%, 70.2%

OKLCH

0.3921 0.0369 163.3

プロパティ

寒色 暗い 最も近い： RAL 6005 Moss Green

色彩心理学

Dark greens like forest and hunter green convey wealth, tradition, and prestige. They are associated with old money, ivy-league institutions, and deep woodland environments. These tones express stability and endurance, suggesting something that has stood the test of time.

Design Usage

Dark green excels in banking, insurance, and heritage brand identities where trust is paramount. It creates elegant, authoritative headers and navigation bars that feel established and dependable. Pair it with gold, cream, or light gray for a classic combination that signals reliability and quality.

カラーハーモニー

補色

#334C40

#4C333F

類似色

#334C33

#334C4C

#334C40

トライアド

#334C40

#40334C

#4C4033

スプリット補色

#334C40

#4C334C

#4C3333

テトラード

#334C40

#33334C

#4C333F

#4C4C33

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

オリジナル

#334C40

第1色覚異常

#3E3E43

第2色覚異常

#3C3A44

第3色覚異常

#344546

全色盲

#464646

CSS使用法

background-color: #334C40;
color: #334C40;
border-color: #334C40;
最も近いTailwind： Teal 900 #134E4A

Tailwindシェード

50
#F6F9F7
100
#EAF0ED
200
#D4E2DC
300
#B6CEC2
400
#8EB3A1
500
#669981
600
#527A67
700
#426252
800
#334C40
900
#283931
950
#19241F

コントラストチェッカー

白背景のテキスト

9.34:1

AA Pass AAA Pass

黒背景のテキスト

2.25:1

AA Fail AAA Fail

比較する

#334C40
#4C333F
#334C40
#FFFFFF
#000000
#334C40

関連記事

チュートリアル

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 #334C40?

RGB(51, 76, 64) · HSL(151.2, 19.7%, 24.9%) · CMYK(32.9%, 0.0%, 15.8%, 70.2%)

Does #334C40 meet WCAG contrast on white?

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

What text color is readable on #334C40?

Use FFFFFF text on a #334C40 background; contrast on black is 2.25:1.