#ABDAF4

#ABDAF4

#F4C5AB

#F4C5AB

コントラスト比

1.05:1

Delta E

43.29

Very Different

50:50 ミックス

#D5D0CF

カラー値

フォーマット #ABDAF4 #F4C5AB
HEX #ABDAF4 #F4C5AB
RGB 171, 218, 244 244, 197, 171
HSL 201.4, 76.8%, 81.4% 21.4, 76.8%, 81.4%
HSV 201.4, 29.9%, 95.7% 21.4, 29.9%, 95.7%
CMYK 29.9%, 10.7%, 0.0%, 4.3% 0.0%, 19.3%, 29.9%, 4.3%
OKLCH 0.864 0.0608 232.6 0.8581 0.0644 50.5

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

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F4C5AB → 背景色: #ABDAF4

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

テキスト: #ABDAF4 → 背景色: #F4C5AB

色差 (Delta E)

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

グラデーション

#ABDAF4 #BBD7E8 #C9D3DC #D5D0CF #E1CCC3 #EBC9B7 #F4C5AB

カラーミキシング

#ABDAF4

100%

#C2D5E2

75:25

#D5D0CF

50:50

#E6CABD

25:75

#F4C5AB

100%

CSSグラデーションコード

background: linear-gradient(to right, #ABDAF4, #F4C5AB);
background: linear-gradient(135deg, #ABDAF4, #F4C5AB);

各色を詳しく見る

#ABDAF4

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

#F4C5AB

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

関連する比較