#253B54
≈ darkslategray · rgb(37, 59, 84)
Color formats
HEX#253B54
RGBrgb(37, 59, 84)
HSLhsl(212, 39%, 24%)
HSVhsv(212, 56%, 33%)
OKLCHoklch(35% 0.05 252)
CMYKcmyk(56%, 30%, 0%, 67%)
Contrast & accessibility
On white11.46:1AA pass
On black1.83:1below AA
Best text color#FFFFFF
Nearest CSS name: darkslategray
Copy-ready code
CSS custom properties
:root {
--darkslategray: #253b54;
--darkslategray-rgb: 37 59 84;
--darkslategray-oklch: oklch(35% 0.05 252);
}The space-separated triple lets you set alpha without a second variable:
background: rgb(var(--darkslategray-rgb) / 40%);
Tailwind (arbitrary value)
bg-[#253b54] text-[#253b54] border-[#253b54]
Shades & tints
50
#E1E4E8
100
#CAD1DA
200
#9AABBF
300
#6685A9
400
#416083
500
#253B54
600
#203144
700
#1A2635
800
#141C26
900
#0D1217
950
#090D10
Color harmonies
Complementary
#543E25
Analogous −30°
#255354
Analogous +30°
#262554
Triadic +120°
#54253B
Triadic −120°
#3B5425
About this color
#253B54 is a color with the RGB value rgb(37, 59, 84). Its closest CSS named color is "darkslategray". 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.