#8DF970

#8DF970

カラー値

HEX

#8DF970

RGB

141, 249, 112

HSL

107.3, 91.9%, 70.8%

HSV

107.3, 55.0%, 97.6%

CMYK

43.4%, 0.0%, 55.0%, 2.4%

OKLCH

0.8879 0.2017 139.4

プロパティ

寒色 明るい 最も近い： Screamin 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.

カラーハーモニー

補色

#8DF970

#DC70F9

類似色

#D2F970

#70F998

#8DF970

トライアド

#8DF970

#708DF9

#F9708D

スプリット補色

#8DF970

#9870F9

#F970D2

テトラード

#8DF970

#70D2F9

#DC70F9

#F99870

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

オリジナル

#8DF970

第1色覚異常

#BCBD91

第2色覚異常

#B6AD99

第3色覚異常

#92ABB1

全色盲

#D8D8D8

CSS使用法

background-color: #8DF970;
color: #8DF970;
border-color: #8DF970;
最も近いTailwind： Lime 300 #BEF264

Tailwindシェード

50
#F4FDF1
100
#E5FBDF
200
#C8FCBA
300
#A1FA8A
400
#6FF74A
500
#3CF50A
600
#30C408
700
#269D07
800
#1E7A05
900
#195908
950
#103805

コントラストチェッカー

白背景のテキスト

1.32:1

AA Fail AAA Fail

黒背景のテキスト

15.92:1

AA Pass AAA Pass

比較する

#8DF970
#DC70F9
#8DF970
#FFFFFF
#000000
#8DF970

関連記事

チュートリアル

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

RGB(141, 249, 112) · HSL(107.3, 91.9%, 70.8%) · CMYK(43.4%, 0.0%, 55.0%, 2.4%)

Does #8DF970 meet WCAG contrast on white?

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

What text color is readable on #8DF970?

Use 000000 text on a #8DF970 background; contrast on black is 15.92:1.