#BAC9FF

#BAC9FF

#FFF0BA

#FFF0BA

コントラスト比

1.43:1

Delta E

58.47

Very Different

50:50 ミックス

#E1DCDD

カラー値

フォーマット #BAC9FF #FFF0BA
HEX #BAC9FF #FFF0BA
RGB 186, 201, 255 255, 240, 186
HSL 227.0, 100.0%, 86.5% 47.0, 100.0%, 86.5%
HSV 227.0, 27.1%, 100.0% 47.0, 27.1%, 100.0%
CMYK 27.1%, 21.2%, 0.0%, 0.0% 0.0%, 5.9%, 27.1%, 0.0%
OKLCH 0.8431 0.0775 272.6 0.9541 0.071 94.4

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

1.43:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFF0BA → 背景色: #BAC9FF

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

テキスト: #BAC9FF → 背景色: #FFF0BA

色差 (Delta E)

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

グラデーション

#BAC9FF #C8CFF4 #D5D6E9 #E1DCDD #EBE3D2 #F6E9C6 #FFF0BA

カラーミキシング

#BAC9FF

100%

#CFD2EE

75:25

#E1DCDD

50:50

#F1E6CC

25:75

#FFF0BA

100%

CSSグラデーションコード

background: linear-gradient(to right, #BAC9FF, #FFF0BA);
background: linear-gradient(135deg, #BAC9FF, #FFF0BA);

各色を詳しく見る

#BAC9FF

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

#FFF0BA

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

関連する比較