#203CCB Color

#203CCB is rgb(32, 60, 203) in RGB and hsl(230, 73%, 46%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#203CCB

HEX#203CCB

RGBrgb(32, 60, 203)

HSLhsl(230, 73%, 46%)

HSVhsv(230, 84%, 80%)

OKLCHoklch(44.6% 0.22 266.9)

CMYKcmyk(84%, 70%, 0%, 20%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#203CCB Complementary#CBAE20 Analogous#2092CB Analogous#5920CB Triadic#CB203C Triadic#3CCB20

Tints & Shades

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

Tints

#304DDF #536BE4 #7286E9 #95A4EE #B4BFF3 #D7DDF9

Shades

#1C34B0 #172D96 #13257C #0F1D61 #0B1547 #070D2C

Use #203CCB in Our Tools

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