#AC85DF

#AC85DF

#B8DF85

#B8DF85

コントラスト比

1.94:1

Delta E

102.92

Very Different

50:50 ミックス

#B9B3B5

カラー値

フォーマット #AC85DF #B8DF85
HEX #AC85DF #B8DF85
RGB 172, 133, 223 184, 223, 133
HSL 266.0, 58.4%, 69.8% 86.0, 58.4%, 69.8%
HSV 266.0, 40.4%, 87.5% 86.0, 40.4%, 87.5%
CMYK 22.9%, 40.4%, 0.0%, 12.5% 17.5%, 0.0%, 40.4%, 12.5%
OKLCH 0.689 0.1343 303.0 0.855 0.1239 127.9

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

1.94:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #B8DF85 → 背景色: #AC85DF

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

テキスト: #AC85DF → 背景色: #B8DF85

色差 (Delta E)

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

グラデーション

#AC85DF #B294D1 #B6A4C3 #B9B3B5 #BAC2A6 #BAD096 #B8DF85

カラーミキシング

#AC85DF

100%

#B49CCA

75:25

#B9B3B5

50:50

#BAC99E

25:75

#B8DF85

100%

CSSグラデーションコード

background: linear-gradient(to right, #AC85DF, #B8DF85);
background: linear-gradient(135deg, #AC85DF, #B8DF85);

各色を詳しく見る

#AC85DF

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

#B8DF85

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

関連する比較