#3227CE Color

#3227CE is rgb(50, 39, 206) in RGB and hsl(244, 68%, 48%) in HSL. The closest CSS named color is MediumBlue. White text is most readable on this background.

#3227CE

HEX#3227CE

RGBrgb(50, 39, 206)

HSLhsl(244, 68%, 48%)

HSVhsv(244, 81%, 81%)

OKLCHoklch(42.9% 0.238 272.8)

CMYKcmyk(76%, 81%, 0%, 19%)

Text Contrast & Accessibility

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

TextWhite text9.06:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#3227CE Complementary#C3CE27 Analogous#276FCE Analogous#8527CE Triadic#CE3227 Triadic#27CE32

Tints & Shades

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

Tints

#493EDA #655CE0 #817AE6 #A29CEC #BEBAF2 #DBD8F8

Shades

#2C22B4 #251D96 #1E187C #181363 #120E49 #0A082B

Use #3227CE in Our Tools

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