#2DC735

#2DC735

#C72DBF

#C72DBF

コントラスト比

2.05:1

Delta E

173.39

Very Different

50:50 ミックス

#9D8E83

カラー値

フォーマット #2DC735 #C72DBF
HEX #2DC735 #C72DBF
RGB 45, 199, 53 199, 45, 191
HSL 123.1, 63.1%, 47.8% 303.1, 63.1%, 47.8%
HSV 123.1, 77.4%, 78.0% 303.1, 77.4%, 78.0%
CMYK 77.4%, 0.0%, 73.4%, 22.0% 0.0%, 77.4%, 4.0%, 22.0%
OKLCH 0.7253 0.2218 143.4 0.5942 0.2396 330.5

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

2.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #C72DBF → 背景色: #2DC735

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

テキスト: #2DC735 → 背景色: #C72DBF

色差 (Delta E)

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

グラデーション

#2DC735 #68B554 #87A26D #9D8E83 #AE7698 #BC5AAB #C72DBF

カラーミキシング

#2DC735

100%

#79AC61

75:25

#9D8E83

50:50

#B569A2

25:75

#C72DBF

100%

CSSグラデーションコード

background: linear-gradient(to right, #2DC735, #C72DBF);
background: linear-gradient(135deg, #2DC735, #C72DBF);

各色を詳しく見る

#2DC735

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

#C72DBF

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

関連する比較