#DAF9F0

#DAF9F0

#F9DAE3

#F9DAE3

コントラスト比

1.16:1

Delta E

24.61

Noticeable

50:50 ミックス

#EBEAE9

カラー値

フォーマット #DAF9F0 #F9DAE3
HEX #DAF9F0 #F9DAE3
RGB 218, 249, 240 249, 218, 227
HSL 162.6, 72.1%, 91.6% 342.6, 72.1%, 91.6%
HSV 162.6, 12.4%, 97.6% 342.6, 12.4%, 97.6%
CMYK 12.4%, 0.0%, 3.6%, 2.4% 0.0%, 12.4%, 8.8%, 2.4%
OKLCH 0.9573 0.0343 176.2 0.9165 0.0362 358.4

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

1.16:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F9DAE3 → 背景色: #DAF9F0

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

テキスト: #DAF9F0 → 背景色: #F9DAE3

色差 (Delta E)

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

グラデーション

#DAF9F0 #E0F4EE #E5EFEC #EBEAE9 #F0E5E7 #F4DFE5 #F9DAE3

カラーミキシング

#DAF9F0

100%

#E3F1ED

75:25

#EBEAE9

50:50

#F2E2E6

25:75

#F9DAE3

100%

CSSグラデーションコード

background: linear-gradient(to right, #DAF9F0, #F9DAE3);
background: linear-gradient(135deg, #DAF9F0, #F9DAE3);

各色を詳しく見る

#DAF9F0

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

#F9DAE3

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

関連する比較