Digging things up…
Digging things up…
Browse all Tailwind CSS colours with their class names, HEX and RGB values. Click to copy any colour.
Colour & Design Tools
Pick, convert, mix and test colours across HEX, RGB, HSL and OKLCH, with WCAG contrast checks and ready-made palettes for your next design.
Related colour tools
Convert colours between HEX, RGB, HSL, HSV and CMYK with a visual colour picker.
Use tool →🎨Generate complementary, analogous, triadic and monochromatic palettes from any base colour.
Use tool →🖼️Drag and drop an image to instantly get its Base64 data URL — nothing is uploaded anywhere.
Use tool →⬜Calculate ratios from dimensions, apply presets like 16:9 or 4:3, and scale to any size.
Use tool →Explore more from Dino Media: All Free Tools · Our Services · Digital Glossary · Our Work
See Our Work
We design and build pixel-perfect, high-performing websites for ambitious UK businesses. Take a look at what we have created.
slate
50
100
200
300
400
500
600
700
800
900
950
gray
50
100
200
300
400
500
600
700
800
900
950
zinc
50
100
200
300
400
500
600
700
800
900
950
red
50
100
200
300
400
500
600
700
800
900
950
orange
50
100
200
300
400
500
600
700
800
900
950
amber
50
100
200
300
400
500
600
700
800
900
950
yellow
50
100
200
300
400
500
600
700
800
900
950
lime
50
100
200
300
400
500
600
700
800
900
950
green
50
100
200
300
400
500
600
700
800
900
950
teal
50
100
200
300
400
500
600
700
800
900
950
cyan
50
100
200
300
400
500
600
700
800
900
950
blue
50
100
200
300
400
500
600
700
800
900
950
indigo
50
100
200
300
400
500
600
700
800
900
950
violet
50
100
200
300
400
500
600
700
800
900
950
purple
50
100
200
300
400
500
600
700
800
900
950
pink
50
100
200
300
400
500
600
700
800
900
950
rose
50
100
200
300
400
500
600
700
800
900
950