Generated by SassMeister.com.

SassMeister-input-HTML.html

<input id="example" type=text value="Example" />

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

@function hsb_saturation($color){
  $hsl-l: lightness($color);
  $hsl-s: saturation($color);
  $t: 
    $hsl-s * 
    if(
      $hsl-l < 50, 
      $hsl-l, 
      100 - $hsl-l
  ) / 100%; // Temp value
  @return if(
    $t > 0%, 
    round( 200 * $t / $hsl-l + $t),
    0
  );
}

@function hsb_brightness($color){
  $hsl-l: lightness($color);
  $hsl-s: saturation($color);
  $t: 
    $hsl-s * 
    if(
      $hsl-l < 50, 
      $hsl-l, 
      100 - $hsl-l
    ) / 100%; // Temp value
  @return round($t + $hsl-l);
}

@function hsb($h-hsb, $s-hsb, $b-hsb, $a: 1) {
  @if $b-hsb == 0 {
    @return hsla(0, 0, 0, $a)
  } @else {
    $l-hsl: ($b-hsb/2) * (2 - ($s-hsb/100));
    $s-hsl: ($b-hsb * $s-hsb) / if($l-hsl < 50, $l-hsl * 2, 200 - $l-hsl * 2);
    @return hsla($h-hsb, $s-hsl, $l-hsl, $a);
  }
}

//$CIPrimary: hsb(18deg, 44%, 100%);
$CIPrimary: #F06522;

/** RULES **/
$Primary: if(hsb_saturation($CIPrimary) < 30, #F06522, $CIPrimary);
$OnPrimary: if(lightness($Primary) > 54, rgba(black, 0.8), rgba(white, 0.8));

/** TESTS **/
body:before {
  //content: '#{lightness($Primary)}';
}

/** USAGE **/
input#example {
  border: none;
  color: $OnPrimary;
  background: $Primary;
  padding: 10px;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 10px;
}

SassMeister-output.css

/** RULES **/
/** TESTS **/
/** USAGE **/
input#example {
  border: none;
  color: rgba(255, 255, 255, 0.8);
  background: #F06522;
  padding: 10px;
  font-family: "Open Sans";
  font-weight: 400;
  font-size: 10px;
}

SassMeister-rendered.html

<input id="example" type=text value="Example" />