#BACDF5

#BACDF5

#F5E2BA

#F5E2BA

コントラスト比

1.25:1

Delta E

44.53

Very Different

50:50 ミックス

#DBD7D8

カラー値

フォーマット #BACDF5 #F5E2BA
HEX #BACDF5 #F5E2BA
RGB 186, 205, 245 245, 226, 186
HSL 220.7, 74.7%, 84.5% 40.7, 74.7%, 84.5%
HSV 220.7, 24.1%, 96.1% 40.7, 24.1%, 96.1%
CMYK 24.1%, 16.3%, 0.0%, 3.9% 0.0%, 7.8%, 24.1%, 3.9%
OKLCH 0.8473 0.0598 265.1 0.9182 0.0562 85.6

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

1.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #F5E2BA → 背景色: #BACDF5

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

テキスト: #BACDF5 → 背景色: #F5E2BA

色差 (Delta E)

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

グラデーション

#BACDF5 #C6D0EB #D1D4E2 #DBD7D8 #E4DBCE #EDDEC4 #F5E2BA

カラーミキシング

#BACDF5

100%

#CBD2E7

75:25

#DBD7D8

50:50

#E8DDC9

25:75

#F5E2BA

100%

CSSグラデーションコード

background: linear-gradient(to right, #BACDF5, #F5E2BA);
background: linear-gradient(135deg, #BACDF5, #F5E2BA);

各色を詳しく見る

#BACDF5

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

#F5E2BA

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

関連する比較