Cool · curated
Cobalt Yard
Cobalt Yard is a curated industrial, trustworthy, clean system designed to move from expressive brand color to dependable surface and text roles.
Color values
Cobalt Yard Primary · primary
HEX #1B3B8B
RGB 27, 59, 139
HSL 223°, 67%, 33%
On white 10.27:1 · on black 2.05:1
Cobalt Yard Secondary · secondary
HEX #3E6FD1
RGB 62, 111, 209
HSL 220°, 62%, 53%
On white 4.77:1 · on black 4.40:1
Cobalt Yard Accent · accent
HEX #9BB8F0
RGB 155, 184, 240
HSL 220°, 74%, 77%
On white 2.00:1 · on black 10.51:1
Cobalt Yard Background · background
HEX #F4F7FD
RGB 244, 247, 253
HSL 220°, 69%, 97%
On white 1.07:1 · on black 19.57:1
Cobalt Yard Text · text
HEX #111A2E
RGB 17, 26, 46
HSL 221°, 46%, 12%
On white 17.34:1 · on black 1.21: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.
Need to fix a failing pair? Run it through the accessibility checker or browse more palettes.