#304A95
≈ darkslateblue · rgb(48, 74, 149)
Color formats
HEX#304A95
RGBrgb(48, 74, 149)
HSLhsl(225, 51%, 39%)
HSVhsv(225, 68%, 58%)
OKLCHoklch(43% 0.13 267)
CMYKcmyk(68%, 50%, 0%, 42%)
Contrast & accessibility
On white8.27:1AA pass
On black2.54:1below AA
Best text color#FFFFFF
Nearest CSS name: darkslateblue
Copy-ready code
CSS custom properties
:root {
--darkslateblue: #304a95;
--darkslateblue-rgb: 48 74 149;
--darkslateblue-oklch: oklch(43% 0.13 267);
}The space-separated triple lets you set alpha without a second variable:
background: rgb(var(--darkslateblue-rgb) / 40%);
Tailwind (arbitrary value)
bg-[#304a95] text-[#304a95] border-[#304a95]
Shades & tints
50
#E4E6ED
100
#D1D5E2
200
#A8B2D0
300
#7A8DC2
400
#4865B8
500
#304A95
600
#293D75
700
#222F57
800
#18213A
900
#0E121F
950
#080B11
Color harmonies
Complementary
#957B30
Analogous −30°
#307C95
Analogous +30°
#493095
Triadic +120°
#95304A
Triadic −120°
#4A9530
About this color
#304A95 is a color with the RGB value rgb(48, 74, 149). Its closest CSS named color is "darkslateblue". On this page you'll find every format (HEX, RGB, HSL, HSV, OKLCH, CMYK), WCAG contrast against white and black, a full 50–950 shade scale, and complementary, analogous and triadic harmonies — each linking to its own color page.