#D8C8F9

#D8C8F9

カラー値

HEX

#D8C8F9

RGB

216, 200, 249

HSL

259.6, 80.3%, 88.0%

HSV

259.6, 19.7%, 97.6%

CMYK

13.3%, 19.7%, 0.0%, 2.4%

OKLCH

0.8618 0.0691 299.9

プロパティ

寒色 明るい 最も近い： NCS S 0520-R80B Light Lavender

色彩心理学

Light blues are universally associated with clear skies, serenity, and trustworthiness. They lower blood pressure and heart rate, making them the most psychologically calming chromatic colors. Baby blue in particular symbolizes gentleness, innocence, and reliable safety.

Design Usage

Soft blues are the most widely used background color in enterprise software, social media, and healthcare apps. They create a professional yet friendly atmosphere that encourages prolonged engagement. Use them for empty states, onboarding screens, and informational banners that should feel non-threatening.

カラーハーモニー

補色

#D8C8F9

#E9F9C8

類似色

#C8D0F9

#F0C8F9

#D8C8F9

トライアド

#D8C8F9

#F9D8C8

#C8F9D8

スプリット補色

#D8C8F9

#F9F0C8

#D0F9C8

テトラード

#D8C8F9

#F9C8D0

#E9F9C8

#C8F9F0

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

オリジナル

#D8C8F9

第1色覚異常

#D1D1ED

第2色覚異常

#D2D3EA

第3色覚異常

#D7E4E2

全色盲

#CFCFCF

CSS使用法

background-color: #D8C8F9;
color: #D8C8F9;
border-color: #D8C8F9;
最も近いTailwind： Purple 200 #E9D5FF

Tailwindシェード

50
#F6F2FD
100
#E9E1F9
200
#D1BFF8
300
#B191F3
400
#8655EC
500
#5C19E6
600
#4A14B8
700
#3B1093
800
#2E0D73
900
#240D53
950
#170835

コントラストチェッカー

白背景のテキスト

1.55:1

AA Fail AAA Fail

黒背景のテキスト

13.55:1

AA Pass AAA Pass

比較する

#D8C8F9
#E9F9C8
#D8C8F9
#FFFFFF
#000000
#D8C8F9

関連記事

チュートリアル

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

RGB(216, 200, 249) · HSL(259.6, 80.3%, 88.0%) · CMYK(13.3%, 19.7%, 0.0%, 2.4%)

Does #D8C8F9 meet WCAG contrast on white?

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

What text color is readable on #D8C8F9?

Use 000000 text on a #D8C8F9 background; contrast on black is 13.55:1.