Generated by SassMeister.com.

input.scss

@function to-number($value) {
  @if type-of($value) == 'number' {
    @return $value;
  } @else if type-of($value) != 'string' {
    @error 'Value for `to-number` should be a number or a string.';
  }

  $result: 0;
  $digits: 0;
  $minus: str-slice($value, 1, 1) == '-';
  $numbers: ('0': 0, '1': 1, '2': 2, '3': 3, '4': 4, '5': 5, '6': 6, '7': 7, '8': 8, '9': 9);

  @for $i from if($minus, 2, 1) through str-length($value) {
    $character: str-slice($value, $i, $i);

    @if (index(map-keys($numbers), $character) or $character == '.') {
      @if $character == '.' {
        $digits: 1; 
      } @else if $digits == 0 {
        $result: $result * 10 + map-get($numbers, $character);  
      } @else {
        $digits: $digits * 10;
        $result: $result + map-get($numbers, $character) / $digits;
      }
    }
  }

  @return if($minus, -$result, $result);;
}

@mixin rgbToXT256($colorNum){
    $zero: 0;
    $rStr: str-slice($colorNum,1,1);
    $rColor: ($zero+to-number($rStr) / 5) * 255;
    $gStr: str-slice($colorNum,2,2);
    $gColor: ($zero+to-number($gStr) / 5) * 255;
    $bStr: str-slice($colorNum,3,3);
    $bColor: ($zero+to-number($bStr) / 5) * 255;
  
    $color: rgb($rColor, $gColor, $bColor);
    background-color: $color;
  
}


@mixin rgbToXT256FG($colorNum){
    $zero: 0;
    $rStr: str-slice($colorNum,1,1);
    $rColor: ($zero+to-number($rStr) / 5) * 255;
    $gStr: str-slice($colorNum,2,2);
    $gColor: ($zero+to-number($gStr) / 5) * 255;
    $bStr: str-slice($colorNum,3,3);
    $bColor: ($zero+to-number($bStr) / 5) * 255;
  
    $color: rgb($rColor, $gColor, $bColor);
    $rFColor: (5 - to-number($rStr) / 5) * 255;
    $gFColor: (5 - to-number($gStr) / 5) * 255;
    $bFColor: (5 - to-number($bStr) / 5) * 255;
  
    color: invert(grayscale($color), $weight: 100);
    
}



@for $x from 0 through 5 {
    @for $y from 0 through 5 {
        @for $z from 0 through 5 {
            .bgcolor-#{$x}#{$y}#{$z}{
               @include rgbToXT256("#{$x}#{$y}#{$z}") 
            }
        }
    }
}

@for $x from 0 through 5 {
    @for $y from 0 through 5 {
        @for $z from 0 through 5 {
            .color-#{$x}#{$y}#{$z}{
               @include rgbToXT256FG("#{$x}#{$y}#{$z}") 
            }
        }
    }
}

markup.html

<div class="color-500">
    Hello World
</div>

output.css

.bgcolor-000 {
  background-color: black;
}

.bgcolor-001 {
  background-color: #000033;
}

.bgcolor-002 {
  background-color: #000066;
}

.bgcolor-003 {
  background-color: #000099;
}

.bgcolor-004 {
  background-color: #0000cc;
}

.bgcolor-005 {
  background-color: blue;
}

.bgcolor-010 {
  background-color: #003300;
}

.bgcolor-011 {
  background-color: #003333;
}

.bgcolor-012 {
  background-color: #003366;
}

.bgcolor-013 {
  background-color: #003399;
}

.bgcolor-014 {
  background-color: #0033cc;
}

.bgcolor-015 {
  background-color: #0033ff;
}

.bgcolor-020 {
  background-color: #006600;
}

.bgcolor-021 {
  background-color: #006633;
}

.bgcolor-022 {
  background-color: #006666;
}

.bgcolor-023 {
  background-color: #006699;
}

.bgcolor-024 {
  background-color: #0066cc;
}

.bgcolor-025 {
  background-color: #0066ff;
}

.bgcolor-030 {
  background-color: #009900;
}

.bgcolor-031 {
  background-color: #009933;
}

.bgcolor-032 {
  background-color: #009966;
}

.bgcolor-033 {
  background-color: #009999;
}

.bgcolor-034 {
  background-color: #0099cc;
}

.bgcolor-035 {
  background-color: #0099ff;
}

.bgcolor-040 {
  background-color: #00cc00;
}

.bgcolor-041 {
  background-color: #00cc33;
}

.bgcolor-042 {
  background-color: #00cc66;
}

.bgcolor-043 {
  background-color: #00cc99;
}

.bgcolor-044 {
  background-color: #00cccc;
}

.bgcolor-045 {
  background-color: #00ccff;
}

.bgcolor-050 {
  background-color: lime;
}

.bgcolor-051 {
  background-color: #00ff33;
}

.bgcolor-052 {
  background-color: #00ff66;
}

.bgcolor-053 {
  background-color: #00ff99;
}

.bgcolor-054 {
  background-color: #00ffcc;
}

.bgcolor-055 {
  background-color: aqua;
}

.bgcolor-100 {
  background-color: #330000;
}

.bgcolor-101 {
  background-color: #330033;
}

.bgcolor-102 {
  background-color: #330066;
}

.bgcolor-103 {
  background-color: #330099;
}

.bgcolor-104 {
  background-color: #3300cc;
}

.bgcolor-105 {
  background-color: #3300ff;
}

.bgcolor-110 {
  background-color: #333300;
}

.bgcolor-111 {
  background-color: #333333;
}

.bgcolor-112 {
  background-color: #333366;
}

.bgcolor-113 {
  background-color: #333399;
}

.bgcolor-114 {
  background-color: #3333cc;
}

.bgcolor-115 {
  background-color: #3333ff;
}

.bgcolor-120 {
  background-color: #336600;
}

.bgcolor-121 {
  background-color: #336633;
}

.bgcolor-122 {
  background-color: #336666;
}

.bgcolor-123 {
  background-color: #336699;
}

.bgcolor-124 {
  background-color: #3366cc;
}

.bgcolor-125 {
  background-color: #3366ff;
}

.bgcolor-130 {
  background-color: #339900;
}

.bgcolor-131 {
  background-color: #339933;
}

.bgcolor-132 {
  background-color: #339966;
}

.bgcolor-133 {
  background-color: #339999;
}

.bgcolor-134 {
  background-color: #3399cc;
}

.bgcolor-135 {
  background-color: #3399ff;
}

.bgcolor-140 {
  background-color: #33cc00;
}

.bgcolor-141 {
  background-color: #33cc33;
}

.bgcolor-142 {
  background-color: #33cc66;
}

.bgcolor-143 {
  background-color: #33cc99;
}

.bgcolor-144 {
  background-color: #33cccc;
}

.bgcolor-145 {
  background-color: #33ccff;
}

.bgcolor-150 {
  background-color: #33ff00;
}

.bgcolor-151 {
  background-color: #33ff33;
}

.bgcolor-152 {
  background-color: #33ff66;
}

.bgcolor-153 {
  background-color: #33ff99;
}

.bgcolor-154 {
  background-color: #33ffcc;
}

.bgcolor-155 {
  background-color: #33ffff;
}

.bgcolor-200 {
  background-color: #660000;
}

.bgcolor-201 {
  background-color: #660033;
}

.bgcolor-202 {
  background-color: #660066;
}

.bgcolor-203 {
  background-color: #660099;
}

.bgcolor-204 {
  background-color: #6600cc;
}

.bgcolor-205 {
  background-color: #6600ff;
}

.bgcolor-210 {
  background-color: #663300;
}

.bgcolor-211 {
  background-color: #663333;
}

.bgcolor-212 {
  background-color: #663366;
}

.bgcolor-213 {
  background-color: rebeccapurple;
}

.bgcolor-214 {
  background-color: #6633cc;
}

.bgcolor-215 {
  background-color: #6633ff;
}

.bgcolor-220 {
  background-color: #666600;
}

.bgcolor-221 {
  background-color: #666633;
}

.bgcolor-222 {
  background-color: #666666;
}

.bgcolor-223 {
  background-color: #666699;
}

.bgcolor-224 {
  background-color: #6666cc;
}

.bgcolor-225 {
  background-color: #6666ff;
}

.bgcolor-230 {
  background-color: #669900;
}

.bgcolor-231 {
  background-color: #669933;
}

.bgcolor-232 {
  background-color: #669966;
}

.bgcolor-233 {
  background-color: #669999;
}

.bgcolor-234 {
  background-color: #6699cc;
}

.bgcolor-235 {
  background-color: #6699ff;
}

.bgcolor-240 {
  background-color: #66cc00;
}

.bgcolor-241 {
  background-color: #66cc33;
}

.bgcolor-242 {
  background-color: #66cc66;
}

.bgcolor-243 {
  background-color: #66cc99;
}

.bgcolor-244 {
  background-color: #66cccc;
}

.bgcolor-245 {
  background-color: #66ccff;
}

.bgcolor-250 {
  background-color: #66ff00;
}

.bgcolor-251 {
  background-color: #66ff33;
}

.bgcolor-252 {
  background-color: #66ff66;
}

.bgcolor-253 {
  background-color: #66ff99;
}

.bgcolor-254 {
  background-color: #66ffcc;
}

.bgcolor-255 {
  background-color: #66ffff;
}

.bgcolor-300 {
  background-color: #990000;
}

.bgcolor-301 {
  background-color: #990033;
}

.bgcolor-302 {
  background-color: #990066;
}

.bgcolor-303 {
  background-color: #990099;
}

.bgcolor-304 {
  background-color: #9900cc;
}

.bgcolor-305 {
  background-color: #9900ff;
}

.bgcolor-310 {
  background-color: #993300;
}

.bgcolor-311 {
  background-color: #993333;
}

.bgcolor-312 {
  background-color: #993366;
}

.bgcolor-313 {
  background-color: #993399;
}

.bgcolor-314 {
  background-color: #9933cc;
}

.bgcolor-315 {
  background-color: #9933ff;
}

.bgcolor-320 {
  background-color: #996600;
}

.bgcolor-321 {
  background-color: #996633;
}

.bgcolor-322 {
  background-color: #996666;
}

.bgcolor-323 {
  background-color: #996699;
}

.bgcolor-324 {
  background-color: #9966cc;
}

.bgcolor-325 {
  background-color: #9966ff;
}

.bgcolor-330 {
  background-color: #999900;
}

.bgcolor-331 {
  background-color: #999933;
}

.bgcolor-332 {
  background-color: #999966;
}

.bgcolor-333 {
  background-color: #999999;
}

.bgcolor-334 {
  background-color: #9999cc;
}

.bgcolor-335 {
  background-color: #9999ff;
}

.bgcolor-340 {
  background-color: #99cc00;
}

.bgcolor-341 {
  background-color: #99cc33;
}

.bgcolor-342 {
  background-color: #99cc66;
}

.bgcolor-343 {
  background-color: #99cc99;
}

.bgcolor-344 {
  background-color: #99cccc;
}

.bgcolor-345 {
  background-color: #99ccff;
}

.bgcolor-350 {
  background-color: #99ff00;
}

.bgcolor-351 {
  background-color: #99ff33;
}

.bgcolor-352 {
  background-color: #99ff66;
}

.bgcolor-353 {
  background-color: #99ff99;
}

.bgcolor-354 {
  background-color: #99ffcc;
}

.bgcolor-355 {
  background-color: #99ffff;
}

.bgcolor-400 {
  background-color: #cc0000;
}

.bgcolor-401 {
  background-color: #cc0033;
}

.bgcolor-402 {
  background-color: #cc0066;
}

.bgcolor-403 {
  background-color: #cc0099;
}

.bgcolor-404 {
  background-color: #cc00cc;
}

.bgcolor-405 {
  background-color: #cc00ff;
}

.bgcolor-410 {
  background-color: #cc3300;
}

.bgcolor-411 {
  background-color: #cc3333;
}

.bgcolor-412 {
  background-color: #cc3366;
}

.bgcolor-413 {
  background-color: #cc3399;
}

.bgcolor-414 {
  background-color: #cc33cc;
}

.bgcolor-415 {
  background-color: #cc33ff;
}

.bgcolor-420 {
  background-color: #cc6600;
}

.bgcolor-421 {
  background-color: #cc6633;
}

.bgcolor-422 {
  background-color: #cc6666;
}

.bgcolor-423 {
  background-color: #cc6699;
}

.bgcolor-424 {
  background-color: #cc66cc;
}

.bgcolor-425 {
  background-color: #cc66ff;
}

.bgcolor-430 {
  background-color: #cc9900;
}

.bgcolor-431 {
  background-color: #cc9933;
}

.bgcolor-432 {
  background-color: #cc9966;
}

.bgcolor-433 {
  background-color: #cc9999;
}

.bgcolor-434 {
  background-color: #cc99cc;
}

.bgcolor-435 {
  background-color: #cc99ff;
}

.bgcolor-440 {
  background-color: #cccc00;
}

.bgcolor-441 {
  background-color: #cccc33;
}

.bgcolor-442 {
  background-color: #cccc66;
}

.bgcolor-443 {
  background-color: #cccc99;
}

.bgcolor-444 {
  background-color: #cccccc;
}

.bgcolor-445 {
  background-color: #ccccff;
}

.bgcolor-450 {
  background-color: #ccff00;
}

.bgcolor-451 {
  background-color: #ccff33;
}

.bgcolor-452 {
  background-color: #ccff66;
}

.bgcolor-453 {
  background-color: #ccff99;
}

.bgcolor-454 {
  background-color: #ccffcc;
}

.bgcolor-455 {
  background-color: #ccffff;
}

.bgcolor-500 {
  background-color: red;
}

.bgcolor-501 {
  background-color: #ff0033;
}

.bgcolor-502 {
  background-color: #ff0066;
}

.bgcolor-503 {
  background-color: #ff0099;
}

.bgcolor-504 {
  background-color: #ff00cc;
}

.bgcolor-505 {
  background-color: fuchsia;
}

.bgcolor-510 {
  background-color: #ff3300;
}

.bgcolor-511 {
  background-color: #ff3333;
}

.bgcolor-512 {
  background-color: #ff3366;
}

.bgcolor-513 {
  background-color: #ff3399;
}

.bgcolor-514 {
  background-color: #ff33cc;
}

.bgcolor-515 {
  background-color: #ff33ff;
}

.bgcolor-520 {
  background-color: #ff6600;
}

.bgcolor-521 {
  background-color: #ff6633;
}

.bgcolor-522 {
  background-color: #ff6666;
}

.bgcolor-523 {
  background-color: #ff6699;
}

.bgcolor-524 {
  background-color: #ff66cc;
}

.bgcolor-525 {
  background-color: #ff66ff;
}

.bgcolor-530 {
  background-color: #ff9900;
}

.bgcolor-531 {
  background-color: #ff9933;
}

.bgcolor-532 {
  background-color: #ff9966;
}

.bgcolor-533 {
  background-color: #ff9999;
}

.bgcolor-534 {
  background-color: #ff99cc;
}

.bgcolor-535 {
  background-color: #ff99ff;
}

.bgcolor-540 {
  background-color: #ffcc00;
}

.bgcolor-541 {
  background-color: #ffcc33;
}

.bgcolor-542 {
  background-color: #ffcc66;
}

.bgcolor-543 {
  background-color: #ffcc99;
}

.bgcolor-544 {
  background-color: #ffcccc;
}

.bgcolor-545 {
  background-color: #ffccff;
}

.bgcolor-550 {
  background-color: yellow;
}

.bgcolor-551 {
  background-color: #ffff33;
}

.bgcolor-552 {
  background-color: #ffff66;
}

.bgcolor-553 {
  background-color: #ffff99;
}

.bgcolor-554 {
  background-color: #ffffcc;
}

.bgcolor-555 {
  background-color: white;
}

.color-000 {
  color: white;
}

.color-001 {
  color: #e5e5e5;
}

.color-002 {
  color: #cccccc;
}

.color-003 {
  color: #b2b2b2;
}

.color-004 {
  color: #999999;
}

.color-005 {
  color: #7f7f7f;
}

.color-010 {
  color: #e5e5e5;
}

.color-011 {
  color: #e5e5e5;
}

.color-012 {
  color: #cccccc;
}

.color-013 {
  color: #b2b2b2;
}

.color-014 {
  color: #999999;
}

.color-015 {
  color: #7f7f7f;
}

.color-020 {
  color: #cccccc;
}

.color-021 {
  color: #cccccc;
}

.color-022 {
  color: #cccccc;
}

.color-023 {
  color: #b2b2b2;
}

.color-024 {
  color: #999999;
}

.color-025 {
  color: #7f7f7f;
}

.color-030 {
  color: #b2b2b2;
}

.color-031 {
  color: #b2b2b2;
}

.color-032 {
  color: #b2b2b2;
}

.color-033 {
  color: #b2b2b2;
}

.color-034 {
  color: #999999;
}

.color-035 {
  color: #7f7f7f;
}

.color-040 {
  color: #999999;
}

.color-041 {
  color: #999999;
}

.color-042 {
  color: #999999;
}

.color-043 {
  color: #999999;
}

.color-044 {
  color: #999999;
}

.color-045 {
  color: #7f7f7f;
}

.color-050 {
  color: #7f7f7f;
}

.color-051 {
  color: #7f7f7f;
}

.color-052 {
  color: #7f7f7f;
}

.color-053 {
  color: #7f7f7f;
}

.color-054 {
  color: #7f7f7f;
}

.color-055 {
  color: #7f7f7f;
}

.color-100 {
  color: #e5e5e5;
}

.color-101 {
  color: #e5e5e5;
}

.color-102 {
  color: #cccccc;
}

.color-103 {
  color: #b2b2b2;
}

.color-104 {
  color: #999999;
}

.color-105 {
  color: #7f7f7f;
}

.color-110 {
  color: #e5e5e5;
}

.color-111 {
  color: #cccccc;
}

.color-112 {
  color: #b2b2b2;
}

.color-113 {
  color: #999999;
}

.color-114 {
  color: #7f7f7f;
}

.color-115 {
  color: #666666;
}

.color-120 {
  color: #cccccc;
}

.color-121 {
  color: #b2b2b2;
}

.color-122 {
  color: #b2b2b2;
}

.color-123 {
  color: #999999;
}

.color-124 {
  color: #7f7f7f;
}

.color-125 {
  color: #666666;
}

.color-130 {
  color: #b2b2b2;
}

.color-131 {
  color: #999999;
}

.color-132 {
  color: #999999;
}

.color-133 {
  color: #999999;
}

.color-134 {
  color: #7f7f7f;
}

.color-135 {
  color: #666666;
}

.color-140 {
  color: #999999;
}

.color-141 {
  color: #7f7f7f;
}

.color-142 {
  color: #7f7f7f;
}

.color-143 {
  color: #7f7f7f;
}

.color-144 {
  color: #7f7f7f;
}

.color-145 {
  color: #666666;
}

.color-150 {
  color: #7f7f7f;
}

.color-151 {
  color: #666666;
}

.color-152 {
  color: #666666;
}

.color-153 {
  color: #666666;
}

.color-154 {
  color: #666666;
}

.color-155 {
  color: #666666;
}

.color-200 {
  color: #cccccc;
}

.color-201 {
  color: #cccccc;
}

.color-202 {
  color: #cccccc;
}

.color-203 {
  color: #b2b2b2;
}

.color-204 {
  color: #999999;
}

.color-205 {
  color: #7f7f7f;
}

.color-210 {
  color: #cccccc;
}

.color-211 {
  color: #b2b2b2;
}

.color-212 {
  color: #b2b2b2;
}

.color-213 {
  color: #999999;
}

.color-214 {
  color: #7f7f7f;
}

.color-215 {
  color: #666666;
}

.color-220 {
  color: #cccccc;
}

.color-221 {
  color: #b2b2b2;
}

.color-222 {
  color: #999999;
}

.color-223 {
  color: #7f7f7f;
}

.color-224 {
  color: #666666;
}

.color-225 {
  color: #4c4c4c;
}

.color-230 {
  color: #b2b2b2;
}

.color-231 {
  color: #999999;
}

.color-232 {
  color: #7f7f7f;
}

.color-233 {
  color: #7f7f7f;
}

.color-234 {
  color: #666666;
}

.color-235 {
  color: #4c4c4c;
}

.color-240 {
  color: #999999;
}

.color-241 {
  color: #7f7f7f;
}

.color-242 {
  color: #666666;
}

.color-243 {
  color: #666666;
}

.color-244 {
  color: #666666;
}

.color-245 {
  color: #4c4c4c;
}

.color-250 {
  color: #7f7f7f;
}

.color-251 {
  color: #666666;
}

.color-252 {
  color: #4c4c4c;
}

.color-253 {
  color: #4c4c4c;
}

.color-254 {
  color: #4c4c4c;
}

.color-255 {
  color: #4c4c4c;
}

.color-300 {
  color: #b2b2b2;
}

.color-301 {
  color: #b2b2b2;
}

.color-302 {
  color: #b2b2b2;
}

.color-303 {
  color: #b2b2b2;
}

.color-304 {
  color: #999999;
}

.color-305 {
  color: #7f7f7f;
}

.color-310 {
  color: #b2b2b2;
}

.color-311 {
  color: #999999;
}

.color-312 {
  color: #999999;
}

.color-313 {
  color: #999999;
}

.color-314 {
  color: #7f7f7f;
}

.color-315 {
  color: #666666;
}

.color-320 {
  color: #b2b2b2;
}

.color-321 {
  color: #999999;
}

.color-322 {
  color: #7f7f7f;
}

.color-323 {
  color: #7f7f7f;
}

.color-324 {
  color: #666666;
}

.color-325 {
  color: #4c4c4c;
}

.color-330 {
  color: #b2b2b2;
}

.color-331 {
  color: #999999;
}

.color-332 {
  color: #7f7f7f;
}

.color-333 {
  color: #666666;
}

.color-334 {
  color: #4c4c4c;
}

.color-335 {
  color: #333333;
}

.color-340 {
  color: #999999;
}

.color-341 {
  color: #7f7f7f;
}

.color-342 {
  color: #666666;
}

.color-343 {
  color: #4c4c4c;
}

.color-344 {
  color: #4c4c4c;
}

.color-345 {
  color: #333333;
}

.color-350 {
  color: #7f7f7f;
}

.color-351 {
  color: #666666;
}

.color-352 {
  color: #4c4c4c;
}

.color-353 {
  color: #333333;
}

.color-354 {
  color: #333333;
}

.color-355 {
  color: #333333;
}

.color-400 {
  color: #999999;
}

.color-401 {
  color: #999999;
}

.color-402 {
  color: #999999;
}

.color-403 {
  color: #999999;
}

.color-404 {
  color: #999999;
}

.color-405 {
  color: #7f7f7f;
}

.color-410 {
  color: #999999;
}

.color-411 {
  color: #7f7f7f;
}

.color-412 {
  color: #7f7f7f;
}

.color-413 {
  color: #7f7f7f;
}

.color-414 {
  color: #7f7f7f;
}

.color-415 {
  color: #666666;
}

.color-420 {
  color: #999999;
}

.color-421 {
  color: #7f7f7f;
}

.color-422 {
  color: #666666;
}

.color-423 {
  color: #666666;
}

.color-424 {
  color: #666666;
}

.color-425 {
  color: #4c4c4c;
}

.color-430 {
  color: #999999;
}

.color-431 {
  color: #7f7f7f;
}

.color-432 {
  color: #666666;
}

.color-433 {
  color: #4c4c4c;
}

.color-434 {
  color: #4c4c4c;
}

.color-435 {
  color: #333333;
}

.color-440 {
  color: #999999;
}

.color-441 {
  color: #7f7f7f;
}

.color-442 {
  color: #666666;
}

.color-443 {
  color: #4c4c4c;
}

.color-444 {
  color: #333333;
}

.color-445 {
  color: #191919;
}

.color-450 {
  color: #7f7f7f;
}

.color-451 {
  color: #666666;
}

.color-452 {
  color: #4c4c4c;
}

.color-453 {
  color: #333333;
}

.color-454 {
  color: #191919;
}

.color-455 {
  color: #191919;
}

.color-500 {
  color: #7f7f7f;
}

.color-501 {
  color: #7f7f7f;
}

.color-502 {
  color: #7f7f7f;
}

.color-503 {
  color: #7f7f7f;
}

.color-504 {
  color: #7f7f7f;
}

.color-505 {
  color: #7f7f7f;
}

.color-510 {
  color: #7f7f7f;
}

.color-511 {
  color: #666666;
}

.color-512 {
  color: #666666;
}

.color-513 {
  color: #666666;
}

.color-514 {
  color: #666666;
}

.color-515 {
  color: #666666;
}

.color-520 {
  color: #7f7f7f;
}

.color-521 {
  color: #666666;
}

.color-522 {
  color: #4c4c4c;
}

.color-523 {
  color: #4c4c4c;
}

.color-524 {
  color: #4c4c4c;
}

.color-525 {
  color: #4c4c4c;
}

.color-530 {
  color: #7f7f7f;
}

.color-531 {
  color: #666666;
}

.color-532 {
  color: #4c4c4c;
}

.color-533 {
  color: #333333;
}

.color-534 {
  color: #333333;
}

.color-535 {
  color: #333333;
}

.color-540 {
  color: #7f7f7f;
}

.color-541 {
  color: #666666;
}

.color-542 {
  color: #4c4c4c;
}

.color-543 {
  color: #333333;
}

.color-544 {
  color: #191919;
}

.color-545 {
  color: #191919;
}

.color-550 {
  color: #7f7f7f;
}

.color-551 {
  color: #666666;
}

.color-552 {
  color: #4c4c4c;
}

.color-553 {
  color: #333333;
}

.color-554 {
  color: #191919;
}

.color-555 {
  color: black;
}

settings.json

{
  "sass": {
    "compiler": "dart-sass/1.26.11",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
}