asp.net core if condition is not working properly

Question

I have three different situations to apply color to div based on if conditions. the single ones (first and third) are working properly the middle one is not. Values exists, already checked. What am I doing wrong?

 

@if (item.RiskLevelF < Model.GreenHL)
                            {
                                <div class="col-md-3">
                                    <span class="form-control" style="background-color:limegreen">@Html.DisplayFor(model => item.RiskLevelF)</span>
                                </div>
                            }
                            @if ((item.RiskLevelF > Model.GreenHL) && (item.RiskLevelF < Model.YellowHL))
                            {
                                <div class="col-md-3">
                                    <span class="form-control" style="background-color:yellow">@Html.DisplayFor(model => item.RiskLevelF)</span>
                                </div>
                            }
                            @if (item.RiskLevelF > Model.YellowHL)
                            {
                                <div class="col-md-3">
                                    <span class="form-control text-white" style="background-color:red">@Html.DisplayFor(model => item.RiskLevelF)</span>
                                </div>
                            }