#96DDF2

#96DDF2

#F2AB96

#F2AB96

コントラスト比

1.26:1

Delta E

56.41

Very Different

50:50 ミックス

#CFC5C3

カラー値

フォーマット #96DDF2 #F2AB96
HEX #96DDF2 #F2AB96
RGB 150, 221, 242 242, 171, 150
HSL 193.7, 78.0%, 76.9% 13.7, 78.0%, 76.9%
HSV 193.7, 38.0%, 94.9% 13.7, 38.0%, 94.9%
CMYK 38.0%, 8.7%, 0.0%, 5.1% 0.0%, 29.3%, 38.0%, 5.1%
OKLCH 0.8578 0.0764 218.3 0.8037 0.0893 37.2

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

1.26:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F2AB96 → 背景色: #96DDF2

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

テキスト: #96DDF2 → 背景色: #F2AB96

色差 (Delta E)

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

グラデーション

#96DDF2 #ADD5E2 #BFCDD3 #CFC5C3 #DCBDB4 #E8B4A5 #F2AB96

カラーミキシング

#96DDF2

100%

#B7D1DB

75:25

#CFC5C3

50:50

#E2B8AD

25:75

#F2AB96

100%

CSSグラデーションコード

background: linear-gradient(to right, #96DDF2, #F2AB96);
background: linear-gradient(135deg, #96DDF2, #F2AB96);

各色を詳しく見る

#96DDF2

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

#F2AB96

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

関連する比較