#145DBD Color

#145DBD is rgb(20, 93, 189) in RGB and hsl(214, 81%, 41%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#145DBD

HEX#145DBD

RGBrgb(20, 93, 189)

HSLhsl(214, 81%, 41%)

HSVhsv(214, 89%, 74%)

OKLCHoklch(49.3% 0.166 257.8)

CMYKcmyk(89%, 51%, 0%, 26%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#145DBD Complementary#BD7414 Analogous#14B2BD Analogous#1F14BD Triadic#BD145D Triadic#5DBD14

Tints & Shades

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

Tints

#186FE2 #3986EA #5D9CEE #87B6F2 #ACCCF6 #D1E3FA

Shades

#1152A6 #0F448A #0C3973 #0A2D5C #072245 #04142A

Use #145DBD in Our Tools

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