#D8F869

#D8F869

カラー値

HEX

#D8F869

RGB

216, 248, 105

HSL

73.4, 91.1%, 69.2%

HSV

73.4, 57.7%, 97.3%

CMYK

12.9%, 0.0%, 57.7%, 2.7%

OKLCH

0.9284 0.1714 120.4

プロパティ

寒色 明るい 最も近い： darkolivegreen 1

色彩心理学

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.

カラーハーモニー

補色

#D8F869

#8969F8

類似色

#F8D069

#91F869

#D8F869

トライアド

#D8F869

#69D8F8

#F869D8

スプリット補色

#D8F869

#6991F8

#D069F8

テトラード

#D8F869

#69F8D0

#8969F8

#F86991

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

オリジナル

#D8F869

第1色覚異常

#E6E68C

第2色覚異常

#E4E294

第3色覚異常

#DAA7AD

全色盲

#E7E7E7

CSS使用法

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

Tailwindシェード

50
#FBFDF1
100
#F5FBDF
200
#EDFCBB
300
#E1FA8A
400
#D0F74B
500
#C0F40B
600
#99C309
700
#7B9C07
800
#607A06
900
#465809
950
#2C3806

コントラストチェッカー

白背景のテキスト

1.2:1

AA Fail AAA Fail

黒背景のテキスト

17.55:1

AA Pass AAA Pass

比較する

#D8F869
#8969F8
#D8F869
#FFFFFF
#000000
#D8F869

関連記事

チュートリアル

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 #D8F869?

RGB(216, 248, 105) · HSL(73.4, 91.1%, 69.2%) · CMYK(12.9%, 0.0%, 57.7%, 2.7%)

Does #D8F869 meet WCAG contrast on white?

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

What text color is readable on #D8F869?

Use 000000 text on a #D8F869 background; contrast on black is 17.55:1.