Colors that make
your ideas stand out.

Choose colors, edit your text, explore typography, and check how readable your design really is.

Choose your colors

Select a color to open the full color picker.

Text & background colors

Text colorChoose any color

HEX#8ECAE6

RGB142, 202, 230

HSL199, 64%, 73%

Drag inside the color area, adjust the hue slider, or enter a HEX value. Your preview updates instantly.

Check the readability of your selected text and background colors.

Contrast ratio

Maximum 21:1

Checking...

Normal text · AA--

Large text · AA--

Normal text · AAA--

Large text · AAA--

WCAG AA requires 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 and 4.5:1 respectively.

Edit the preview directly or use these fields.

Top label

Heading text

Heading level

Heading size

Paragraph text

Text style

Text size

Footer text

TIP OF THE DAY

Great design combines beautiful colors with readable text. Make every word easy to see and every idea easy to understand.

Make room for good ideas.

Click any text to edit it directly. Your preview updates as you change colors and typography.