#25533B

#25533B

カラー値

HEX

#25533B

RGB

37, 83, 59

HSL

148.7, 38.3%, 23.5%

HSV

148.7, 55.4%, 32.5%

CMYK

55.4%, 0.0%, 28.9%, 67.5%

OKLCH

0.4022 0.0655 158.7

プロパティ

寒色 暗い 最も近い： RAL 6016 Turquoise 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.

カラーハーモニー

補色

#25533B

#53253D

類似色

#265325

#255352

#25533B

トライアド

#25533B

#3B2553

#533B25

スプリット補色

#25533B

#522553

#532526

テトラード

#25533B

#252653

#53253D

#535225

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

オリジナル

#25533B

第1色覚異常

#393941

第2色覚異常

#363342

第3色覚異常

#274546

全色盲

#474747

CSS使用法

background-color: #25533B;
color: #25533B;
border-color: #25533B;
最も近いTailwind： Emerald 900 #064E3B

Tailwindシェード

50
#F5FAF7
100
#E7F3ED
200
#CEE9DB
300
#AAD9C1
400
#7DC59F
500
#4FB07D
600
#3F8D64
700
#327150
800
#27583F
900
#204130
950
#14291E

コントラストチェッカー

白背景のテキスト

8.83:1

AA Pass AAA Pass

黒背景のテキスト

2.38:1

AA Fail AAA Fail

比較する

#25533B
#53253D
#25533B
#FFFFFF
#000000
#25533B

関連記事

チュートリアル

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 #25533B?

RGB(37, 83, 59) · HSL(148.7, 38.3%, 23.5%) · CMYK(55.4%, 0.0%, 28.9%, 67.5%)

Does #25533B meet WCAG contrast on white?

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

What text color is readable on #25533B?

Use FFFFFF text on a #25533B background; contrast on black is 2.38:1.