#3C65BE Color

#3C65BE is rgb(60, 101, 190) in RGB and hsl(221, 52%, 49%) in HSL. The closest CSS named color is SteelBlue. White text is most readable on this background.

#3C65BE

HEX#3C65BE

RGBrgb(60, 101, 190)

HSLhsl(221, 52%, 49%)

HSVhsv(221, 68%, 75%)

OKLCHoklch(52.4% 0.147 263.5)

CMYKcmyk(68%, 47%, 0%, 25%)

Text Contrast & Accessibility

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

TextWhite text5.53:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#3C65BE Complementary#BE953C Analogous#3CA6BE Analogous#543CBE Triadic#BE3C65 Triadic#65BE3C

Tints & Shades

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

Tints

#5479C9 #708FD2 #8BA4DA #A6B9E3 #C1CEEB #DCE4F4

Shades

#3559A7 #2C4A8C #253E74 #1C2F59 #152342 #0C1527

Use #3C65BE in Our Tools

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