#AFDDF0

#AFDDF0

#F0C2AF

#F0C2AF

コントラスト比

1.11:1

Delta E

38.7

Very Different

50:50 ミックス

カラー値

フォーマット #AFDDF0 #F0C2AF
HEX #AFDDF0 #F0C2AF
RGB 175, 221, 240 240, 194, 175
HSL 197.5, 68.4%, 81.4% 17.5, 68.4%, 81.4%
HSV 197.5, 27.1%, 94.1% 17.5, 27.1%, 94.1%
CMYK 27.1%, 7.9%, 0.0%, 5.9% 0.0%, 19.2%, 27.1%, 5.9%
OKLCH 0.8714 0.0545 225.0 0.8496 0.059 43.6

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

1.11:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F0C2AF → 背景色: #AFDDF0

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

テキスト: #AFDDF0 → 背景色: #F0C2AF

色差 (Delta E)

38.7 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

カラーミキシング

CSSグラデーションコード

background: linear-gradient(to right, #AFDDF0, #F0C2AF);
background: linear-gradient(135deg, #AFDDF0, #F0C2AF);

各色を詳しく見る

関連する比較