#97BBF2

#97BBF2

#F2CE97

#F2CE97

コントラスト比

1.31:1

Delta E

64.05

Very Different

50:50 ミックス

#CDC4C5

カラー値

フォーマット #97BBF2 #F2CE97
HEX #97BBF2 #F2CE97
RGB 151, 187, 242 242, 206, 151
HSL 216.3, 77.8%, 77.1% 36.3, 77.8%, 77.1%
HSV 216.3, 37.6%, 94.9% 36.3, 37.6%, 94.9%
CMYK 37.6%, 22.7%, 0.0%, 5.1% 0.0%, 14.9%, 37.6%, 5.1%
OKLCH 0.7859 0.0881 258.7 0.8694 0.0816 77.9

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

1.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F2CE97 → 背景色: #97BBF2

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

テキスト: #97BBF2 → 背景色: #F2CE97

色差 (Delta E)

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

グラデーション

#97BBF2 #ACBEE3 #BDC1D4 #CDC4C5 #DAC7B6 #E7CBA7 #F2CE97

カラーミキシング

#97BBF2

100%

#B5BFDC

75:25

#CDC4C5

50:50

#E1C9AE

25:75

#F2CE97

100%

CSSグラデーションコード

background: linear-gradient(to right, #97BBF2, #F2CE97);
background: linear-gradient(135deg, #97BBF2, #F2CE97);

各色を詳しく見る

#97BBF2

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

#F2CE97

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

関連する比較