#143AC2 Color

#143AC2 is rgb(20, 58, 194) in RGB and hsl(227, 81%, 42%) in HSL. The closest CSS named color is MediumBlue. White text is most readable on this background.

#143AC2

HEX#143AC2

RGBrgb(20, 58, 194)

HSLhsl(227, 81%, 42%)

HSVhsv(227, 90%, 76%)

OKLCHoklch(43% 0.214 265.1)

CMYKcmyk(90%, 70%, 0%, 24%)

Text Contrast & Accessibility

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

TextWhite text8.7:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.41:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#143AC2 Complementary#C29C14 Analogous#1491C2 Analogous#4614C2 Triadic#C2143A Triadic#3AC214

Tints & Shades

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

Tints

#1845E7 #3D63EB #6281EF #879EF2 #ACBCF6 #D1DAFA

Shades

#1233AB #0F2B8F #0D2478 #0A1C5C #071545 #040C2A

Use #143AC2 in Our Tools

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