Dark · curated
Obsidian Rose
Obsidian Rose is a curated velvet, romantic, severe system designed to move from expressive brand color to dependable surface and text roles.
Color values
Obsidian Rose Primary · primary
HEX #B3305A
RGB 179, 48, 90
HSL 341°, 58%, 45%
On white 6.02:1 · on black 3.49:1
Obsidian Rose Secondary · secondary
HEX #7A2C46
RGB 122, 44, 70
HSL 340°, 47%, 33%
On white 9.23:1 · on black 2.28:1
Obsidian Rose Accent · accent
HEX #E0A9A0
RGB 224, 169, 160
HSL 8°, 51%, 75%
On white 2.03:1 · on black 10.35:1
Obsidian Rose Background · background
HEX #141014
RGB 20, 16, 20
HSL 300°, 11%, 7%
On white 18.85:1 · on black 1.11:1
Obsidian Rose Text · text
HEX #F6EFEA
RGB 246, 239, 234
HSL 25°, 40%, 94%
On white 1.14:1 · on black 18.45: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.