#BAC9EB

#BAC9EB

#EBDCBA

#EBDCBA

コントラスト比

1.22:1

Delta E

37.86

Very Different

50:50 ミックス

#D5D2D3

カラー値

フォーマット #BAC9EB #EBDCBA
HEX #BAC9EB #EBDCBA
RGB 186, 201, 235 235, 220, 186
HSL 221.6, 55.1%, 82.5% 41.6, 55.1%, 82.5%
HSV 221.6, 20.9%, 92.2% 41.6, 20.9%, 92.2%
CMYK 20.9%, 14.5%, 0.0%, 7.8% 0.0%, 6.4%, 20.9%, 7.8%
OKLCH 0.8356 0.0505 266.5 0.8979 0.0478 87.0

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

1.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EBDCBA → 背景色: #BAC9EB

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

テキスト: #BAC9EB → 背景色: #EBDCBA

色差 (Delta E)

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

グラデーション

#BAC9EB #C4CCE3 #CCCFDB #D5D2D3 #DDD6CB #E4D9C2 #EBDCBA

カラーミキシング

#BAC9EB

100%

#C8CEDF

75:25

#D5D2D3

50:50

#E0D7C7

25:75

#EBDCBA

100%

CSSグラデーションコード

background: linear-gradient(to right, #BAC9EB, #EBDCBA);
background: linear-gradient(135deg, #BAC9EB, #EBDCBA);

各色を詳しく見る

#BAC9EB

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

#EBDCBA

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

関連する比較