#6B8C21

#6B8C21

カラー値

HEX

#6B8C21

RGB

107, 140, 33

HSL

78.5, 61.8%, 33.9%

HSV

78.5, 76.4%, 54.9%

CMYK

23.6%, 0.0%, 76.4%, 45.1%

OKLCH

0.5943 0.136 125.6

プロパティ

寒色 明るい 最も近い： olivedrab 4

色彩心理学

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.

カラーハーモニー

補色

#6B8C21

#42218C

類似色

#8C7721

#368C21

#6B8C21

トライアド

#6B8C21

#216B8C

#8C216B

スプリット補色

#6B8C21

#21368C

#77218C

テトラード

#6B8C21

#218C77

#42218C

#8C2136

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

オリジナル

#6B8C21

第1色覚異常

#797A3B

第2色覚異常

#777541

第3色覚異常

#6D4F54

全色盲

#7D7D7D

CSS使用法

background-color: #6B8C21;
color: #6B8C21;
border-color: #6B8C21;
最も近いTailwind： Lime 700 #4D7C0F

Tailwindシェード

50
#F9FBF3
100
#F1F7E4
200
#E4F1C5
300
#D0E89C
400
#B7DB66
500
#9ECE31
600
#7EA527
700
#65841F
800
#4F6718
900
#3B4B16
950
#25300E

コントラストチェッカー

白背景のテキスト

3.89:1

AA Fail AAA Fail

黒背景のテキスト

5.4:1

AA Pass AAA Fail

比較する

#6B8C21
#42218C
#6B8C21
#FFFFFF
#000000
#6B8C21

関連記事

チュートリアル

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 #6B8C21?

RGB(107, 140, 33) · HSL(78.5, 61.8%, 33.9%) · CMYK(23.6%, 0.0%, 76.4%, 45.1%)

Does #6B8C21 meet WCAG contrast on white?

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

What text color is readable on #6B8C21?

Use 000000 text on a #6B8C21 background; contrast on black is 5.4:1.