#8CD3A0

#8CD3A0

カラー値

HEX

#8CD3A0

RGB

140, 211, 160

HSL

136.9, 44.7%, 68.8%

HSV

136.9, 33.6%, 82.7%

CMYK

33.6%, 0.0%, 24.2%, 17.3%

OKLCH

0.8062 0.1016 152.5

プロパティ

寒色 明るい 最も近い： NCS S 0530-G Light Green

色彩心理学

Light greens evoke tranquility, health, and natural balance. They are the most restful colors for the human eye, requiring no focal adjustment, which is why hospitals and spas favor them. Pastel greens reduce anxiety and symbolize safety and permission across cultures.

Design Usage

Soft greens are the standard for success messages, positive status indicators, and health-related interfaces. They create calming background tones for dashboards and data-heavy applications. Combine them with white and medium gray for a clinical, trustworthy appearance in medical or fintech apps.

カラーハーモニー

補色

#8CD3A0

#D38CBF

類似色

#9BD38C

#8CD3C3

#8CD3A0

トライアド

#8CD3A0

#A08CD3

#D3A08C

スプリット補色

#8CD3A0

#C38CD3

#D38C9B

テトラード

#8CD3A0

#8C9BD3

#D38CBF

#D3C38C

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

オリジナル

#8CD3A0

第1色覚異常

#ABABAC

第2色覚異常

#A7A1AF

第3色覚異常

#90B6B8

全色盲

#C0C0C0

CSS使用法

background-color: #8CD3A0;
color: #8CD3A0;
border-color: #8CD3A0;
最も近いTailwind： Emerald 300 #6EE7B7

Tailwindシェード

50
#F4FAF6
100
#E6F4EA
200
#CBEBD4
300
#A6DDB6
400
#76CB8E
500
#47B867
600
#389452
700
#2D7642
800
#235C33
900
#1D4428
950
#122B19

コントラストチェッカー

白背景のテキスト

1.76:1

AA Fail AAA Fail

黒背景のテキスト

11.94:1

AA Pass AAA Pass

比較する

#8CD3A0
#D38CBF
#8CD3A0
#FFFFFF
#000000
#8CD3A0

関連記事

チュートリアル

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 #8CD3A0?

RGB(140, 211, 160) · HSL(136.9, 44.7%, 68.8%) · CMYK(33.6%, 0.0%, 24.2%, 17.3%)

Does #8CD3A0 meet WCAG contrast on white?

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

What text color is readable on #8CD3A0?

Use 000000 text on a #8CD3A0 background; contrast on black is 11.94:1.