Warm · curated

Apricot Hour

Apricot Hour is a curated sunlit, social, optimistic system designed to move from expressive brand color to dependable surface and text roles.

Color values

Apricot Hour Primary · primary

HEX #E76F51

RGB 231, 111, 81

HSL 12°, 76%, 61%

On white 3.09:1 · on black 6.79:1

Apricot Hour Secondary · secondary

HEX #F4A261

RGB 244, 162, 97

HSL 27°, 87%, 67%

On white 2.06:1 · on black 10.19:1

Apricot Hour Accent · accent

HEX #E9C46A

RGB 233, 196, 106

HSL 43°, 74%, 66%

On white 1.67:1 · on black 12.57:1

Apricot Hour Background · background

HEX #FFF7E8

RGB 255, 247, 232

HSL 39°, 100%, 95%

On white 1.06:1 · on black 19.72:1

Apricot Hour Text · text

HEX #2A3D45

RGB 42, 61, 69

HSL 198°, 24%, 22%

On white 11.34:1 · on black 1.85:1

Text contrast between these colors

WCAG 2.2 asks for 4.5:1 for body text (AA), 3:1 for large text, and 7:1 for AAA. Strongest pairs first.

Aa Sample text
10.65:1AAA
Aa Sample text
6.79:1AA
Aa Sample text
5.50:1AA
Aa Sample text
3.67:1Large text only
Aa Sample text
2.90:1Decorative only
Aa Sample text
1.94:1Decorative only
Aa Sample text
1.85:1Decorative only
Aa Sample text
1.57:1Decorative only

Need to fix a failing pair? Run it through the accessibility checker or browse more palettes.