#46DF49

#46DF49

#DF46DC

#DF46DC

コントラスト比

1.97:1

Delta E

179.22

Very Different

50:50 ミックス

#B2A39A

カラー値

フォーマット #46DF49 #DF46DC
HEX #46DF49 #DF46DC
RGB 70, 223, 73 223, 70, 220
HSL 121.2, 70.5%, 57.5% 301.2, 70.5%, 57.5%
HSV 121.2, 68.6%, 87.5% 301.2, 68.6%, 87.5%
CMYK 68.6%, 0.0%, 67.3%, 12.5% 0.0%, 68.6%, 1.3%, 12.5%
OKLCH 0.7948 0.2291 143.3 0.6643 0.247 328.8

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

1.97:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF46DC → 背景色: #46DF49

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

テキスト: #46DF49 → 背景色: #DF46DC

色差 (Delta E)

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

グラデーション

#46DF49 #7BCC68 #9BB982 #B2A39A #C48BB1 #D36EC6 #DF46DC

カラーミキシング

#46DF49

100%

#8CC376

75:25

#B2A39A

50:50

#CC7DBC

25:75

#DF46DC

100%

CSSグラデーションコード

background: linear-gradient(to right, #46DF49, #DF46DC);
background: linear-gradient(135deg, #46DF49, #DF46DC);

各色を詳しく見る

#46DF49

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

#DF46DC

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

関連する比較