A bold vermillion in mid-tone tones.
- Commonly used for Call-to-action buttons, Promotional content, Beta features, Social sharing, and Entertainment elements
- This is Mastercard's secondary colour.
Colour Values
HEX
#ff5f00
RGB
255, 95, 0
HSL
22, 100, 50
OKLCH
oklch(68.72% 0.2097 41.42)
Contrast Analysis
Against White
3.05
PoorAgainst Black
6.89
GoodMatching Algorithm
Method
Using LAB colour space for perceptually accurate matching (CIE94 formula).
Distance
4.24
ExcellentInput Colour
Nearest Tailwind Match
Distance: 4.24
Top Tailwind Colour Matches
All green Shades in Tailwind
Colour Combinations
Monochromatic
Complementary
Analogous
Triadic
Brand Palette
Primary brand color
orange-500Brand accent
orange-600Complementary accent
sky-500Text & UI elements
slate-800Backgrounds & borders
slate-200