#A685DA

#A685DA

#B9DA85

#B9DA85

コントラスト比

1.92:1

Delta E

97.03

Very Different

50:50 ミックス

カラー値

フォーマット #A685DA #B9DA85
HEX #A685DA #B9DA85
RGB 166, 133, 218 185, 218, 133
HSL 263.3, 53.5%, 68.8% 83.3, 53.5%, 68.8%
HSV 263.3, 39.0%, 85.5% 83.3, 39.0%, 85.5%
CMYK 23.9%, 39.0%, 0.0%, 14.5% 15.1%, 0.0%, 39.0%, 14.5%
OKLCH 0.6809 0.1264 301.0 0.8447 0.1162 126.1

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

1.92:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #B9DA85 → 背景色: #A685DA

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

テキスト: #A685DA → 背景色: #B9DA85

色差 (Delta E)

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

グラデーション

カラーミキシング

CSSグラデーションコード

background: linear-gradient(to right, #A685DA, #B9DA85);
background: linear-gradient(135deg, #A685DA, #B9DA85);

各色を詳しく見る

関連する比較