#386497
≈ steelblue · rgb(56, 100, 151)
Color formats
HEX#386497
RGBrgb(56, 100, 151)
HSLhsl(212, 46%, 41%)
HSVhsv(212, 63%, 59%)
OKLCHoklch(50% 0.1 253)
CMYKcmyk(63%, 34%, 0%, 41%)
Contrast & accessibility
On white6.11:1AA pass
On black3.44:1below AA
Best text color#FFFFFF
Nearest CSS name: steelblue
Copy-ready code
CSS custom properties
:root {
--steelblue: #386497;
--steelblue-rgb: 56 100 151;
--steelblue-oklch: oklch(50% 0.1 253);
}The space-separated triple lets you set alpha without a second variable:
background: rgb(var(--steelblue-rgb) / 40%);
Tailwind (arbitrary value)
bg-[#386497] text-[#386497] border-[#386497]
Shades & tints
50
#E5E9ED
100
#D3DAE2
200
#ACBDCF
300
#829FC0
400
#5481B5
500
#386497
600
#305177
700
#263D58
800
#1B2A3B
900
#0F161F
950
#090C11
Color harmonies
Complementary
#976B38
Analogous −30°
#389397
Analogous +30°
#3B3897
Triadic +120°
#973864
Triadic −120°
#649738
About this color
#386497 is a color with the RGB value rgb(56, 100, 151). Its closest CSS named color is "steelblue". 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.