#9DAF6F

#9DAF6F

カラー値

HEX

#9DAF6F

RGB

157, 175, 111

HSL

76.9, 28.6%, 56.1%

HSV

76.9, 36.6%, 68.6%

CMYK

10.3%, 0.0%, 36.6%, 31.4%

OKLCH

0.7245 0.089 121.4

プロパティ

寒色 明るい 最も近い： Asparagus

色彩心理学

True green represents growth, harmony, and environmental consciousness. It is the color most directly associated with nature and sustainability, activating feelings of renewal and stability. Green sits at the center of the visible spectrum, making it psychologically balanced and universally positive.

Design Usage

Medium green is essential for sustainability brands, financial growth indicators, and agricultural products. It works as a primary brand color that communicates trust without the corporate coolness of blue. Ensure sufficient contrast with white text since many mid-greens fall below WCAG AA thresholds.

カラーハーモニー

補色

#9DAF6F

#816FAF

類似色

#AFA16F

#7DAF6F

#9DAF6F

トライアド

#9DAF6F

#6F9DAF

#AF6F9D

スプリット補色

#9DAF6F

#6F7DAF

#A16FAF

テトラード

#9DAF6F

#6FAFA1

#816FAF

#AF6F7D

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

オリジナル

#9DAF6F

第1色覚異常

#A5A57E

第2色覚異常

#A4A282

第3色覚異常

#9E8B8D

全色盲

#A7A7A7

CSS使用法

background-color: #9DAF6F;
color: #9DAF6F;
border-color: #9DAF6F;
最も近いTailwind： Lime 200 #D9F99D

Tailwindシェード

50
#F8F9F5
100
#EFF1E9
200
#E0E6D1
300
#C9D3B0
400
#ACBC86
500
#8FA45B
600
#738349
700
#5C693A
800
#48522E
900
#363D24
950
#222617

コントラストチェッカー

白背景のテキスト

2.39:1

AA Fail AAA Fail

黒背景のテキスト

8.8:1

AA Pass AAA Pass

比較する

#9DAF6F
#816FAF
#9DAF6F
#FFFFFF
#000000
#9DAF6F

関連記事

チュートリアル

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 #9DAF6F?

RGB(157, 175, 111) · HSL(76.9, 28.6%, 56.1%) · CMYK(10.3%, 0.0%, 36.6%, 31.4%)

Does #9DAF6F meet WCAG contrast on white?

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

What text color is readable on #9DAF6F?

Use 000000 text on a #9DAF6F background; contrast on black is 8.8:1.