#2AB71A

#2AB71A

#A71AB7

#A71AB7

コントラスト比

2.27:1

Delta E

175.57

Very Different

50:50 ミックス

#8B7D77

カラー値

フォーマット #2AB71A #A71AB7
HEX #2AB71A #A71AB7
RGB 42, 183, 26 167, 26, 183
HSL 113.9, 75.1%, 41.0% 293.9, 75.1%, 41.0%
HSV 113.9, 85.8%, 71.8% 293.9, 85.8%, 71.8%
CMYK 77.0%, 0.0%, 85.8%, 28.2% 8.7%, 85.8%, 0.0%, 28.2%
OKLCH 0.6804 0.2181 141.8 0.5299 0.235 323.2

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

2.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #A71AB7 → 背景色: #2AB71A

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

テキスト: #2AB71A → 背景色: #A71AB7

色差 (Delta E)

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

グラデーション

#2AB71A #5EA544 #79925F #8B7D77 #98668D #A14AA2 #A71AB7

カラーミキシング

#2AB71A

100%

#6D9C52

75:25

#8B7D77

50:50

#9D5997

25:75

#A71AB7

100%

CSSグラデーションコード

background: linear-gradient(to right, #2AB71A, #A71AB7);
background: linear-gradient(135deg, #2AB71A, #A71AB7);

各色を詳しく見る

#2AB71A

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

#A71AB7

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

関連する比較