#275BA0 Color

#275BA0 is rgb(39, 91, 160) in RGB and hsl(214, 61%, 39%) in HSL. The closest CSS named color is DarkSlateBlue. White text is most readable on this background.

#275BA0

HEX#275BA0

RGBrgb(39, 91, 160)

HSLhsl(214, 61%, 39%)

HSVhsv(214, 76%, 63%)

OKLCHoklch(47.3% 0.125 256.6)

CMYKcmyk(76%, 43%, 0%, 37%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #275BA0 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text6.8:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.09:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #275BA0 based on color wheel relationships. Click any swatch for its full breakdown.

Base#275BA0 Complementary#A06C27 Analogous#2798A0 Analogous#2F27A0 Triadic#A0275B Triadic#5BA027

Tints & Shades

Lighter tints and darker shades of #275BA0, useful for hover states, backgrounds, and text variants.

Tints

#2F6EC1 #4A86D3 #6B9CDB #90B5E4 #B1CBEC #D6E3F5

Shades

#22508C #1D4477 #183863 #132D4E #0E2139 #091525

Use #275BA0 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex