#A573EC

#A573EC

#BAEC73

#BAEC73

コントラスト比

2.45:1

Delta E

136.31

Very Different

50:50 ミックス

#BBB1B5

カラー値

フォーマット #A573EC #BAEC73
HEX #A573EC #BAEC73
RGB 165, 115, 236 186, 236, 115
HSL 264.8, 76.1%, 68.8% 84.8, 76.1%, 68.8%
HSV 264.8, 51.3%, 92.5% 84.8, 51.3%, 92.5%
CMYK 30.1%, 51.3%, 0.0%, 7.5% 21.2%, 0.0%, 51.3%, 7.5%
OKLCH 0.6591 0.1775 300.7 0.8828 0.1594 127.9

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

2.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #BAEC73 → 背景色: #A573EC

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

テキスト: #A573EC → 背景色: #BAEC73

色差 (Delta E)

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

グラデーション

#A573EC #AF88DA #B79DC8 #BBB1B5 #BDC5A1 #BDD88B #BAEC73

カラーミキシング

#A573EC

100%

#B492D1

75:25

#BBB1B5

50:50

#BECE96

25:75

#BAEC73

100%

CSSグラデーションコード

background: linear-gradient(to right, #A573EC, #BAEC73);
background: linear-gradient(135deg, #A573EC, #BAEC73);

各色を詳しく見る

#A573EC

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

#BAEC73

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

関連する比較