#257549

#257549

カラー値

HEX

#257549

RGB

37, 117, 73

HSL

147.0, 51.9%, 30.2%

HSV

147.0, 68.4%, 45.9%

CMYK

68.4%, 0.0%, 37.6%, 54.1%

OKLCH

0.5021 0.1045 155.3

プロパティ

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

カラーハーモニー

補色

#257549

#752551

類似色

#297525

#257571

#257549

トライアド

#257549

#492575

#754925

スプリット補色

#257549

#712575

#752529

テトラード

#257549

#252975

#752551

#757125

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

オリジナル

#257549

第1色覚異常

#484854

第2色覚異常

#433D56

第3色覚異常

#295C5E

全色盲

#616161

CSS使用法

background-color: #257549;
color: #257549;
border-color: #257549;
最も近いTailwind： Green 800 #166534

Tailwindシェード

50
#F4FBF7
100
#E5F5EC
200
#C9EED9
300
#A2E2BF
400
#70D29C
500
#3DC279
600
#319B61
700
#277C4D
800
#1F613C
900
#1A472E
950
#102D1D

コントラストチェッカー

白背景のテキスト

5.65:1

AA Pass AAA Fail

黒背景のテキスト

3.72:1

AA Fail AAA Fail

比較する

#257549
#752551
#257549
#FFFFFF
#000000
#257549

関連記事

チュートリアル

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 #257549?

RGB(37, 117, 73) · HSL(147.0, 51.9%, 30.2%) · CMYK(68.4%, 0.0%, 37.6%, 54.1%)

Does #257549 meet WCAG contrast on white?

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

What text color is readable on #257549?

Use FFFFFF text on a #257549 background; contrast on black is 3.72:1.