đˇ Royal Blue (Tailwind 600)
#2563EB Color Code
#2563EB is a vivid, modern royal blue with high digital contrast and universal appeal. Widely recognized as Tailwind CSS Blue 600, it is the standard primary accent for SaaS web apps, e-commerce checkouts, and fintech dashboards.
#2563EB
Royal Blue
WCAG AA on White: 4.56:1 Passed
HEX
#2563EB
RGB
rgb(37, 99, 235)
HSL
hsl(221°, 83%, 53%)
CMYK
cmyk(84%, 58%, 0%, 8%)
CSS Token
--color-primary: #2563eb;
#2563EB Shades & Tints Scale
50
100
200
300
400
500
600
700
800
900
950
WCAG 2.1 Accessibility Contrast Ratios
5.68:1
On White Background (#FFFFFF)
3.14:1
On Slate Dark (#0F172A)
CSS Usage for #2563EB
/* Standard Button Implementation */
.btn-royal-blue {
background-color: #2563eb;
color: #ffffff;
padding: 10px 24px;
border-radius: 8px;
font-weight: 700;
transition: all 0.2s ease;
}
.btn-royal-blue:hover {
background-color: #1d4ed8;
box-shadow: 0 4px 16px rgba(37, 99, 235, 0.4);
}
Related Color Guides & Tools
Explore our Blue Color Codes Encyclopedia, convert codes using the HEX to RGB Converter, or generate matching 11-step scales with the Color Shades Generator.