#8EEE7B

#8EEE7B

カラー値

HEX

#8EEE7B

RGB

142, 238, 123

HSL

110.1, 77.2%, 70.8%

HSV

110.1, 48.3%, 93.3%

CMYK

40.3%, 0.0%, 48.3%, 6.7%

OKLCH

0.8637 0.1768 140.4

プロパティ

寒色 明るい 最も近い： palegreen

色彩心理学

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.

カラーハーモニー

補色

#8EEE7B

#DB7BEE

類似色

#C8EE7B

#7BEEA2

#8EEE7B

トライアド

#8EEE7B

#7B8EEE

#EE7B8E

スプリット補色

#8EEE7B

#A27BEE

#EE7BC8

テトラード

#8EEE7B

#7BC8EE

#DB7BEE

#EEA27B

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

オリジナル

#8EEE7B

第1色覚異常

#B8B897

第2色覚異常

#B2AB9E

第3色覚異常

#93ADB2

全色盲

#D1D1D1

CSS使用法

background-color: #8EEE7B;
color: #8EEE7B;
border-color: #8EEE7B;
最も近いTailwind： Green 400 #4ADE80

Tailwindシェード

50
#F4FCF2
100
#E5F9E1
200
#C9F7C0
300
#A2F193
400
#70E958
500
#3EE21D
600
#31B517
700
#279113
800
#1F710F
900
#1A520F
950
#103409

コントラストチェッカー

白背景のテキスト

1.43:1

AA Fail AAA Fail

黒背景のテキスト

14.67:1

AA Pass AAA Pass

比較する

#8EEE7B
#DB7BEE
#8EEE7B
#FFFFFF
#000000
#8EEE7B

関連記事

チュートリアル

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

RGB(142, 238, 123) · HSL(110.1, 77.2%, 70.8%) · CMYK(40.3%, 0.0%, 48.3%, 6.7%)

Does #8EEE7B meet WCAG contrast on white?

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

What text color is readable on #8EEE7B?

Use 000000 text on a #8EEE7B background; contrast on black is 14.67:1.