#2FDF85

#2FDF85

#DF2F89

#DF2F89

コントラスト比

2.45:1

Delta E

142.72

Very Different

50:50 ミックス

#AF9B88

カラー値

フォーマット #2FDF85 #DF2F89
HEX #2FDF85 #DF2F89
RGB 47, 223, 133 223, 47, 137
HSL 149.3, 73.3%, 52.9% 329.3, 73.3%, 52.9%
HSV 149.3, 78.9%, 87.5% 329.3, 78.9%, 87.5%
CMYK 78.9%, 0.0%, 40.4%, 12.5% 0.0%, 78.9%, 38.6%, 12.5%
OKLCH 0.7983 0.1869 154.7 0.6094 0.2209 355.2

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

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

テキスト読みやすさ

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

テキスト: #DF2F89 → 背景色: #2FDF85

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

テキスト: #2FDF85 → 背景色: #DF2F89

色差 (Delta E)

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

グラデーション

#2FDF85 #73C986 #96B388 #AF9B88 #C28089 #D26089 #DF2F89

カラーミキシング

#2FDF85

100%

#87BE87

75:25

#AF9B88

50:50

#CA7189

25:75

#DF2F89

100%

CSSグラデーションコード

background: linear-gradient(to right, #2FDF85, #DF2F89);
background: linear-gradient(135deg, #2FDF85, #DF2F89);

各色を詳しく見る

#2FDF85

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

#DF2F89

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

関連する比較