#354896
≈ darkslateblue · rgb(53, 72, 150)
Color formats
HEX#354896
RGBrgb(53, 72, 150)
HSLhsl(228, 48%, 40%)
HSVhsv(228, 65%, 59%)
OKLCHoklch(43% 0.13 270)
CMYKcmyk(65%, 52%, 0%, 41%)
Contrast & accessibility
On white8.34:1AA pass
On black2.52:1below AA
Best text color#FFFFFF
Nearest CSS name: darkslateblue
Copy-ready code
CSS custom properties
:root {
--darkslateblue: #354896;
--darkslateblue-rgb: 53 72 150;
--darkslateblue-oklch: oklch(43% 0.13 270);
}The space-separated triple lets you set alpha without a second variable:
background: rgb(var(--darkslateblue-rgb) / 40%);
Tailwind (arbitrary value)
bg-[#354896] text-[#354896] border-[#354896]
Shades & tints
50
#E5E6ED
100
#D2D5E2
200
#ABB2CF
300
#7F8CC1
400
#5064B6
500
#354896
600
#2D3C76
700
#242E58
800
#1A203B
900
#0F121F
950
#080A11
Color harmonies
Complementary
#968335
Analogous −30°
#357996
Analogous +30°
#523596
Triadic +120°
#963548
Triadic −120°
#489635
About this color
#354896 is a color with the RGB value rgb(53, 72, 150). 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.