#8CDFB1

#8CDFB1

カラー値

HEX

#8CDFB1

RGB

140, 223, 177

HSL

146.7, 56.5%, 71.2%

HSV

146.7, 37.2%, 87.5%

CMYK

37.2%, 0.0%, 20.6%, 12.5%

OKLCH

0.8379 0.1045 158.8

プロパティ

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

カラーハーモニー

補色

#8CDFB1

#DF8CBA

類似色

#91DF8C

#8CDFDA

#8CDFB1

トライアド

#8CDFB1

#B18CDF

#DFB18C

スプリット補色

#8CDFB1

#DA8CDF

#DF8C91

テトラード

#8CDFB1

#8C91DF

#DF8CBA

#DFDA8C

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

オリジナル

#8CDFB1

第1色覚異常

#B0B1BC

第2色覚異常

#ABA5BF

第3色覚異常

#90C5C7

全色盲

#CACACA

CSS使用法

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

Tailwindシェード

50
#F4FBF7
100
#E5F6EC
200
#C7EFD9
300
#9FE4BE
400
#6BD69B
500
#37C878
600
#2CA060
700
#23804D
800
#1C643C
900
#18492E
950
#0F2E1D

コントラストチェッカー

白背景のテキスト

1.58:1

AA Fail AAA Fail

黒背景のテキスト

13.31:1

AA Pass AAA Pass

比較する

#8CDFB1
#DF8CBA
#8CDFB1
#FFFFFF
#000000
#8CDFB1

関連記事

チュートリアル

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

RGB(140, 223, 177) · HSL(146.7, 56.5%, 71.2%) · CMYK(37.2%, 0.0%, 20.6%, 12.5%)

Does #8CDFB1 meet WCAG contrast on white?

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

What text color is readable on #8CDFB1?

Use 000000 text on a #8CDFB1 background; contrast on black is 13.31:1.