#BABBFD

#BABBFD

#FDFCBA

#FDFCBA

コントラスト比

1.71:1

Delta E

71.36

Very Different

50:50 ミックス

#E0DBDD

カラー値

フォーマット #BABBFD #FDFCBA
HEX #BABBFD #FDFCBA
RGB 186, 187, 253 253, 252, 186
HSL 239.1, 94.4%, 86.1% 59.1, 94.4%, 86.1%
HSV 239.1, 26.5%, 99.2% 59.1, 26.5%, 99.2%
CMYK 26.5%, 26.1%, 0.0%, 0.8% 0.0%, 0.4%, 26.5%, 0.8%
OKLCH 0.8148 0.0926 283.5 0.9763 0.0838 107.1

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

1.71:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FDFCBA → 背景色: #BABBFD

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

テキスト: #BABBFD → 背景色: #FDFCBA

色差 (Delta E)

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

グラデーション

#BABBFD #C8C5F3 #D4D0E8 #E0DBDD #EAE6D2 #F4F1C6 #FDFCBA

カラーミキシング

#BABBFD

100%

#CECBED

75:25

#E0DBDD

50:50

#EFEBCC

25:75

#FDFCBA

100%

CSSグラデーションコード

background: linear-gradient(to right, #BABBFD, #FDFCBA);
background: linear-gradient(135deg, #BABBFD, #FDFCBA);

各色を詳しく見る

#BABBFD

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

#FDFCBA

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

関連する比較