#CDF4BB

#CDF4BB

カラー値

HEX

#CDF4BB

RGB

205, 244, 187

HSL

101.1, 72.2%, 84.5%

HSV

101.1, 23.4%, 95.7%

CMYK

16.0%, 0.0%, 23.4%, 4.3%

OKLCH

0.9251 0.0857 135.9

プロパティ

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

カラーハーモニー

補色

#CDF4BB

#E2BBF4

類似色

#E9F4BB

#BBF4C5

#CDF4BB

トライアド

#CDF4BB

#BBCDF4

#F4BBCD

スプリット補色

#CDF4BB

#C5BBF4

#F4BBE9

テトラード

#CDF4BB

#BBE9F4

#E2BBF4

#F4C5BB

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

オリジナル

#CDF4BB

第1色覚異常

#DEDEC9

第2色覚異常

#DCD9CC

第3色覚異常

#CFD4D6

全色盲

#E8E8E8

CSS使用法

background-color: #CDF4BB;
color: #CDF4BB;
border-color: #CDF4BB;
最も近いTailwind： Lime 100 #ECFCCB

Tailwindシェード

50
#F6FCF3
100
#E9F8E2
200
#D2F5C2
300
#B1EE96
400
#87E55D
500
#5DDC23
600
#4BB01C
700
#3C8D17
800
#2F6E12
900
#255011
950
#17320B

コントラストチェッカー

白背景のテキスト

1.22:1

AA Fail AAA Fail

黒背景のテキスト

17.25:1

AA Pass AAA Pass

比較する

#CDF4BB
#E2BBF4
#CDF4BB
#FFFFFF
#000000
#CDF4BB

関連記事

チュートリアル

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

RGB(205, 244, 187) · HSL(101.1, 72.2%, 84.5%) · CMYK(16.0%, 0.0%, 23.4%, 4.3%)

Does #CDF4BB meet WCAG contrast on white?

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

What text color is readable on #CDF4BB?

Use 000000 text on a #CDF4BB background; contrast on black is 17.25:1.