#327BE2 Color

#327BE2 is rgb(50, 123, 226) in RGB and hsl(215, 75%, 54%) in HSL. The closest CSS named color is RoyalBlue. Black text is most readable on this background.

#327BE2

HEX#327BE2

RGBrgb(50, 123, 226)

HSLhsl(215, 75%, 54%)

HSVhsv(215, 78%, 89%)

OKLCHoklch(59.2% 0.173 257.8)

CMYKcmyk(78%, 46%, 0%, 11%)

Text Contrast & Accessibility

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

TextWhite text4.14:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.07:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#327BE2 Complementary#E29832 Analogous#32D3E2 Analogous#4032E2 Triadic#E2327B Triadic#7BE232

Tints & Shades

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

Tints

#4C8CE6 #6CA0EA #87B2EE #A1C3F2 #BCD4F5 #DBE8FA

Shades

#1E69D2 #1959B3 #154A93 #103870 #0B2850 #071931

Use #327BE2 in Our Tools

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