#61DF35

#61DF35

#B335DF

#B335DF

コントラスト比

2.7:1

Delta E

190.23

Very Different

50:50 ミックス

#A69897

カラー値

フォーマット #61DF35 #B335DF
HEX #61DF35 #B335DF
RGB 97, 223, 53 179, 53, 223
HSL 104.5, 72.6%, 54.1% 284.5, 72.6%, 54.1%
HSV 104.5, 76.2%, 87.5% 284.5, 76.2%, 87.5%
CMYK 56.5%, 0.0%, 76.2%, 12.5% 19.7%, 76.2%, 0.0%, 12.5%
OKLCH 0.8012 0.2306 139.2 0.5914 0.2491 315.4

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

2.7:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #B335DF → 背景色: #61DF35

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

テキスト: #61DF35 → 背景色: #B335DF

色差 (Delta E)

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

グラデーション

#61DF35 #83C85E #98B17C #A69897 #AE7EAF #B35FC7 #B335DF

カラーミキシング

#61DF35

100%

#8FBD6E

75:25

#A69897

50:50

#B16FBC

25:75

#B335DF

100%

CSSグラデーションコード

background: linear-gradient(to right, #61DF35, #B335DF);
background: linear-gradient(135deg, #61DF35, #B335DF);

各色を詳しく見る

#61DF35

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

#B335DF

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

関連する比較