#D9F0EF

#D9F0EF

#F0D9DA

#F0D9DA

コントラスト比

1.13:1

Delta E

17.05

Noticeable

50:50 ミックス

#E5E5E4

カラー値

フォーマット #D9F0EF #F0D9DA
HEX #D9F0EF #F0D9DA
RGB 217, 240, 239 240, 217, 218
HSL 177.4, 43.4%, 89.6% 357.4, 43.4%, 89.6%
HSV 177.4, 9.6%, 94.1% 357.4, 9.6%, 94.1%
CMYK 9.6%, 0.0%, 0.4%, 5.9% 0.0%, 9.6%, 9.2%, 5.9%
OKLCH 0.938 0.0242 193.6 0.9044 0.0255 14.6

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

1.13:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F0D9DA → 背景色: #D9F0EF

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

テキスト: #D9F0EF → 背景色: #F0D9DA

色差 (Delta E)

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

グラデーション

#D9F0EF #DDECEB #E1E8E8 #E5E5E4 #E9E1E1 #EDDDDD #F0D9DA

カラーミキシング

#D9F0EF

100%

#DFEAEA

75:25

#E5E5E4

50:50

#EBDFDF

25:75

#F0D9DA

100%

CSSグラデーションコード

background: linear-gradient(to right, #D9F0EF, #F0D9DA);
background: linear-gradient(135deg, #D9F0EF, #F0D9DA);

各色を詳しく見る

#D9F0EF

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

#F0D9DA

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

関連する比較