#AFD4F2

#AFD4F2

#F2CDAF

#F2CDAF

コントラスト比

1.04:1

Delta E

41.04

Very Different

50:50 ミックス

#D5D1D1

カラー値

フォーマット #AFD4F2 #F2CDAF
HEX #AFD4F2 #F2CDAF
RGB 175, 212, 242 242, 205, 175
HSL 206.9, 72.0%, 81.8% 26.9, 72.0%, 81.8%
HSV 206.9, 27.7%, 94.9% 26.9, 27.7%, 94.9%
CMYK 27.7%, 12.4%, 0.0%, 5.1% 0.0%, 15.3%, 27.7%, 5.1%
OKLCH 0.8532 0.0574 242.9 0.8723 0.0579 61.0

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

1.04:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F2CDAF → 背景色: #AFD4F2

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

テキスト: #AFD4F2 → 背景色: #F2CDAF

色差 (Delta E)

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

グラデーション

#AFD4F2 #BDD3E7 #CAD2DC #D5D1D1 #E0CFC5 #E9CEBA #F2CDAF

カラーミキシング

#AFD4F2

100%

#C4D2E1

75:25

#D5D1D1

50:50

#E4CFC0

25:75

#F2CDAF

100%

CSSグラデーションコード

background: linear-gradient(to right, #AFD4F2, #F2CDAF);
background: linear-gradient(135deg, #AFD4F2, #F2CDAF);

各色を詳しく見る

#AFD4F2

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

#F2CDAF

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

関連する比較