#657366

#657366

カラー値

HEX

#657366

RGB

101, 115, 102

HSL

124.3, 6.5%, 42.4%

HSV

124.3, 12.2%, 45.1%

CMYK

12.2%, 0.0%, 11.3%, 54.9%

OKLCH

0.5398 0.0261 147.2

プロパティ

寒色 暗い 最も近い： RAL 7023 Concrete Grey

色彩心理学

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.

カラーハーモニー

補色

#657366

#736572

類似色

#6B7365

#65736D

#657366

トライアド

#657366

#666573

#736665

スプリット補色

#657366

#6D6573

#73656B

テトラード

#657366

#656B73

#736572

#736D65

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

オリジナル

#657366

第1色覚異常

#6B6B69

第2色覚異常

#6A696A

第3色覚異常

#666C6C

全色盲

#6F6F6F

CSS使用法

background-color: #657366;
color: #657366;
border-color: #657366;
最も近いTailwind： Neutral 500 #737373

Tailwindシェード

50
#F7F8F7
100
#ECEEEC
200
#D9DED9
300
#BEC6BE
400
#9BA79B
500
#778878
600
#5F6D60
700
#4C574D
800
#3C443C
900
#2E332E
950
#1D201D

コントラストチェッカー

白背景のテキスト

5.0:1

AA Pass AAA Fail

黒背景のテキスト

4.2:1

AA Fail AAA Fail

比較する

#657366
#736572
#657366
#FFFFFF
#000000
#657366

関連記事

チュートリアル

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

RGB(101, 115, 102) · HSL(124.3, 6.5%, 42.4%) · CMYK(12.2%, 0.0%, 11.3%, 54.9%)

Does #657366 meet WCAG contrast on white?

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

What text color is readable on #657366?

Use FFFFFF text on a #657366 background; contrast on black is 4.2:1.