#1F3753
≈ darkslategray · rgb(31, 55, 83)
Color formats
HEX#1F3753
RGBrgb(31, 55, 83)
HSLhsl(212, 46%, 22%)
HSVhsv(212, 63%, 33%)
OKLCHoklch(33% 0.06 253)
CMYKcmyk(63%, 34%, 0%, 67%)
Contrast & accessibility
On white12.14:1AA pass
On black1.73:1below AA
Best text color#FFFFFF
Nearest CSS name: darkslategray
Copy-ready code
CSS custom properties
:root {
--darkslategray: #1f3753;
--darkslategray-rgb: 31 55 83;
--darkslategray-oklch: oklch(33% 0.06 253);
}The space-separated triple lets you set alpha without a second variable:
background: rgb(var(--darkslategray-rgb) / 40%);
Tailwind (arbitrary value)
bg-[#1f3753] text-[#1f3753] border-[#1f3753]
Shades & tints
50
#E0E4E9
100
#C8D1DA
200
#95AAC1
300
#5D82AD
400
#3A5C84
500
#1F3753
600
#1B2E43
700
#172434
800
#111B26
900
#0C1118
950
#090C11
Color harmonies
Complementary
#533B1F
Analogous −30°
#1F5153
Analogous +30°
#211F53
Triadic +120°
#531F37
Triadic −120°
#37531F
About this color
#1F3753 is a color with the RGB value rgb(31, 55, 83). 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.