Skip to content

minor/us-east-1/Flaring unused Promise.race

Colour Picker and Contrast Checker

Convert hex, RGB and HSL, check WCAG contrast and build a shade scale.

Text colour

Background

The grid is stable.

Body text at regular size reads like this. If it strains your eyes here, it will strain everyone's.

Small print, 14 px, where low contrast hurts most.

Contrast ratio

8.36:1

AAA

  • Normal text AA (4.5): pass
  • Normal text AAA (7): pass
  • Large text AA (3): pass
  • UI components (3): pass

Formats

HEX#ff8a3d
RGBrgb(255, 138, 61)
HSLhsl(24, 100%, 62%)
CSS var--colour: #ff8a3d;

Shade scale

Harmonies

Complement

Triad

Analogous

Split

  • Developer tools

    JWT Decoder

    Decode a JSON Web Token, read its claims and expiry, verify an HMAC signature.

  • Developer tools

    Cron Expression Explainer

    Cron in plain English, with the next run times.

  • Developer tools

    Number Base Converter

    Binary, octal, decimal and hex at once, with a bit view.

  • Developer tools

    JSON Formatter

    Format, minify and validate JSON, with the error line pointed out.

Featured