#57DF61

#57DF61

#DF57D5

#DF57D5

コントラスト比

1.88:1

Delta E

158.69

Very Different

50:50 ミックス

#B3A7A0

カラー値

フォーマット #57DF61 #DF57D5
HEX #57DF61 #DF57D5
RGB 87, 223, 97 223, 87, 213
HSL 124.4, 68.0%, 60.8% 304.4, 68.0%, 60.8%
HSV 124.4, 61.0%, 87.5% 304.4, 61.0%, 87.5%
CMYK 61.0%, 0.0%, 56.5%, 12.5% 0.0%, 61.0%, 4.5%, 12.5%
OKLCH 0.8019 0.2054 144.6 0.6774 0.2206 330.7

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

1.88:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF57D5 → 背景色: #57DF61

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

テキスト: #57DF61 → 背景色: #DF57D5

色差 (Delta E)

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

グラデーション

#57DF61 #82CE78 #9EBB8D #B3A7A0 #C491B2 #D378C4 #DF57D5

カラーミキシング

#57DF61

100%

#91C483

75:25

#B3A7A0

50:50

#CC85BB

25:75

#DF57D5

100%

CSSグラデーションコード

background: linear-gradient(to right, #57DF61, #DF57D5);
background: linear-gradient(135deg, #57DF61, #DF57D5);

各色を詳しく見る

#57DF61

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

#DF57D5

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

関連する比較