#D9EFF2

#D9EFF2

#F2DCD9

#F2DCD9

コントラスト比

1.1:1

Delta E

16.3

Noticeable

50:50 ミックス

#E6E6E5

カラー値

フォーマット #D9EFF2 #F2DCD9
HEX #D9EFF2 #F2DCD9
RGB 217, 239, 242 242, 220, 217
HSL 187.2, 49.0%, 90.0% 7.2, 49.0%, 90.0%
HSV 187.2, 10.3%, 94.9% 7.2, 10.3%, 94.9%
CMYK 10.3%, 1.2%, 0.0%, 5.1% 0.0%, 9.1%, 10.3%, 5.1%
OKLCH 0.9369 0.0235 206.6 0.9115 0.0247 26.9

コントラストとアクセシビリティ

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #F2DCD9 → 背景色: #D9EFF2

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #D9EFF2 → 背景色: #F2DCD9

色差 (Delta E)

16.3 Noticeable
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#D9EFF2 #DEECEE #E2E9EA #E6E6E5 #EAE2E1 #EEDFDD #F2DCD9

カラーミキシング

#D9EFF2

100%

#E0EAEC

75:25

#E6E6E5

50:50

#ECE1DF

25:75

#F2DCD9

100%

CSSグラデーションコード

background: linear-gradient(to right, #D9EFF2, #F2DCD9);
background: linear-gradient(135deg, #D9EFF2, #F2DCD9);

各色を詳しく見る

#D9EFF2

カラーの詳細をすべて見る

#F2DCD9

カラーの詳細をすべて見る

関連する比較