Skip to content

#2869A0

≈ steelblue · rgb(40, 105, 160)
Color formats
HEX#2869A0
RGBrgb(40, 105, 160)
HSLhsl(208, 60%, 39%)
HSVhsv(208, 75%, 63%)
OKLCHoklch(51% 0.11 248)
CMYKcmyk(75%, 34%, 0%, 37%)
Contrast & accessibility
On white5.80:1AA pass
On black3.62:1below AA
Best text color#FFFFFF
Nearest CSS name: steelblue
Copy-ready code
CSS custom properties
:root {
  --steelblue: #2869a0;
  --steelblue-rgb: 40 105 160;
  --steelblue-oklch: oklch(51% 0.11 248);
}
The space-separated triple lets you set alpha without a second variable:
background: rgb(var(--steelblue-rgb) / 40%);
Tailwind (arbitrary value)
bg-[#2869a0] text-[#2869a0] border-[#2869a0]
Shades & tints
50
#E4E9EE
100
#D0DBE4
200
#A5BED4
300
#75A2C8
400
#4187C2
500
#2869A0
600
#23547E
700
#1D405D
800
#162C3E
900
#0D1720
950
#070D12
Color harmonies
Complementary
#A05F28
Analogous −30°
#28A09B
Analogous +30°
#282DA0
Triadic +120°
#A02869
Triadic −120°
#69A028
About this color

#2869A0 is a color with the RGB value rgb(40, 105, 160). 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.

Related

Convert #2869A0 to other formats

Palettes with a similar color

Gradients with a similar color

✓ Copied