Color Picker

Pick a colour, read it in every format, and build a tint ramp.

Formats

HEX#16A34A

RGBrgb(22 163 74)

HSLhsl(142 76% 36%)

CSS variable--brand: #16a34a;

Contrast

On white

3.3:1AA Large

On black

6.37:1AA

WCAG asks for 4.5:1 on body text and 3:1 on large text.

Tint ramp

50100200300400500600700800900

Loading Color Picker…

Related tools