#7EDF59

#7EDF59

#BA59DF

#BA59DF

コントラスト比

2.25:1

Delta E

157.45

Very Different

50:50 ミックス

#ADA3A2

カラー値

フォーマット #7EDF59 #BA59DF
HEX #7EDF59 #BA59DF
RGB 126, 223, 89 186, 89, 223
HSL 103.4, 67.7%, 61.2% 283.4, 67.7%, 61.2%
HSV 103.4, 60.1%, 87.5% 283.4, 60.1%, 87.5%
CMYK 43.5%, 0.0%, 60.1%, 12.5% 16.6%, 60.1%, 0.0%, 12.5%
OKLCH 0.8159 0.1941 138.1 0.6374 0.2083 315.6

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

2.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #BA59DF → 背景色: #7EDF59

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

テキスト: #7EDF59 → 背景色: #BA59DF

色差 (Delta E)

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

グラデーション

#7EDF59 #94CC75 #A3B88C #ADA3A2 #B48DB7 #B975CB #BA59DF

カラーミキシング

#7EDF59

100%

#9CC281

75:25

#ADA3A2

50:50

#B781C1

25:75

#BA59DF

100%

CSSグラデーションコード

background: linear-gradient(to right, #7EDF59, #BA59DF);
background: linear-gradient(135deg, #7EDF59, #BA59DF);

各色を詳しく見る

#7EDF59

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

#BA59DF

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

関連する比較