#BAC6EB

#BAC6EB

#EBDFBA

#EBDFBA

コントラスト比

1.28:1

Delta E

40.64

Very Different

50:50 ミックス

#D5D2D3

カラー値

フォーマット #BAC6EB #EBDFBA
HEX #BAC6EB #EBDFBA
RGB 186, 198, 235 235, 223, 186
HSL 225.3, 55.1%, 82.5% 45.3, 55.1%, 82.5%
HSV 225.3, 20.9%, 92.2% 45.3, 20.9%, 92.2%
CMYK 20.9%, 15.7%, 0.0%, 7.8% 0.0%, 5.1%, 20.9%, 7.8%
OKLCH 0.8295 0.0536 271.1 0.9039 0.0504 92.2

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

1.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EBDFBA → 背景色: #BAC6EB

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

テキスト: #BAC6EB → 背景色: #EBDFBA

色差 (Delta E)

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

グラデーション

#BAC6EB #C4CAE3 #CCCEDB #D5D2D3 #DDD6CB #E4DBC2 #EBDFBA

カラーミキシング

#BAC6EB

100%

#C8CCDF

75:25

#D5D2D3

50:50

#E0D9C7

25:75

#EBDFBA

100%

CSSグラデーションコード

background: linear-gradient(to right, #BAC6EB, #EBDFBA);
background: linear-gradient(135deg, #BAC6EB, #EBDFBA);

各色を詳しく見る

#BAC6EB

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

#EBDFBA

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

関連する比較