#8961E2

#8961E2

#BAE261

#BAE261

コントラスト比

2.9:1

Delta E

144.71

Very Different

50:50 ミックス

#B0A2A8

カラー値

フォーマット #8961E2 #BAE261
HEX #8961E2 #BAE261
RGB 137, 97, 226 186, 226, 97
HSL 258.6, 69.0%, 63.3% 78.6, 69.0%, 63.3%
HSV 258.6, 57.1%, 88.6% 78.6, 57.1%, 88.6%
CMYK 39.4%, 57.1%, 0.0%, 11.4% 17.7%, 0.0%, 57.1%, 11.4%
OKLCH 0.5973 0.1881 294.3 0.8583 0.1623 124.2

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

2.9:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #BAE261 → 背景色: #8961E2

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

テキスト: #8961E2 → 背景色: #BAE261

色差 (Delta E)

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

グラデーション

#8961E2 #9B77CF #A78DBC #B0A2A8 #B6B793 #B9CD7C #BAE261

カラーミキシング

#8961E2

100%

#A182C6

75:25

#B0A2A8

50:50

#B8C288

25:75

#BAE261

100%

CSSグラデーションコード

background: linear-gradient(to right, #8961E2, #BAE261);
background: linear-gradient(135deg, #8961E2, #BAE261);

各色を詳しく見る

#8961E2

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

#BAE261

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

関連する比較