#BAC3FD

#BAC3FD

#FDF4BA

#FDF4BA

コントラスト比

1.53:1

Delta E

62.55

Very Different

50:50 ミックス

#E0DBDD

カラー値

フォーマット #BAC3FD #FDF4BA
HEX #BAC3FD #FDF4BA
RGB 186, 195, 253 253, 244, 186
HSL 231.9, 94.4%, 86.1% 51.9, 94.4%, 86.1%
HSV 231.9, 26.5%, 99.2% 51.9, 26.5%, 99.2%
CMYK 26.5%, 22.9%, 0.0%, 0.8% 0.0%, 3.6%, 26.5%, 0.8%
OKLCH 0.8304 0.082 277.6 0.9604 0.0747 100.3

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

1.53:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDF4BA → 背景色: #BAC3FD

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

テキスト: #BAC3FD → 背景色: #FDF4BA

色差 (Delta E)

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

グラデーション

#BAC3FD #C8CBF2 #D4D3E8 #E0DBDD #EAE3D1 #F4ECC6 #FDF4BA

カラーミキシング

#BAC3FD

100%

#CECFED

75:25

#E0DBDD

50:50

#EFE7CC

25:75

#FDF4BA

100%

CSSグラデーションコード

background: linear-gradient(to right, #BAC3FD, #FDF4BA);
background: linear-gradient(135deg, #BAC3FD, #FDF4BA);

各色を詳しく見る

#BAC3FD

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

#FDF4BA

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

関連する比較