#ABD3F7

#ABD3F7

#F7CFAB

#F7CFAB

コントラスト比

1.08:1

Delta E

47.24

Very Different

50:50 ミックス

#D7D1D1

カラー値

フォーマット #ABD3F7 #F7CFAB
HEX #ABD3F7 #F7CFAB
RGB 171, 211, 247 247, 207, 171
HSL 208.4, 82.6%, 82.0% 28.4, 82.6%, 82.0%
HSV 208.4, 30.8%, 96.9% 28.4, 30.8%, 96.9%
CMYK 30.8%, 14.6%, 0.0%, 3.1% 0.0%, 16.2%, 30.8%, 3.1%
OKLCH 0.8504 0.0659 245.8 0.8799 0.0656 63.8

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

1.08:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F7CFAB → 背景色: #ABD3F7

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

テキスト: #ABD3F7 → 背景色: #F7CFAB

色差 (Delta E)

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

グラデーション

#ABD3F7 #BBD2EA #CAD2DE #D7D1D1 #E2D0C4 #EDD0B8 #F7CFAB

カラーミキシング

#ABD3F7

100%

#C3D2E4

75:25

#D7D1D1

50:50

#E8D0BE

25:75

#F7CFAB

100%

CSSグラデーションコード

background: linear-gradient(to right, #ABD3F7, #F7CFAB);
background: linear-gradient(135deg, #ABD3F7, #F7CFAB);

各色を詳しく見る

#ABD3F7

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

#F7CFAB

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

関連する比較