#2E4ECC Color

#2E4ECC is rgb(46, 78, 204) in RGB and hsl(228, 63%, 49%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#2E4ECC

HEX#2E4ECC

RGBrgb(46, 78, 204)

HSLhsl(228, 63%, 49%)

HSVhsv(228, 77%, 80%)

OKLCHoklch(48.3% 0.198 267.3)

CMYKcmyk(77%, 62%, 0%, 20%)

Text Contrast & Accessibility

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

TextWhite text6.82:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#2E4ECC Complementary#CCAC2E Analogous#2E9CCC Analogous#5D2ECC Triadic#CC2E4E Triadic#4ECC2E

Tints & Shades

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

Tints

#4864D5 #657DDC #8296E3 #9FAEE9 #BCC7F0 #DADFF7

Shades

#2944B3 #223996 #1C307D #162460 #101B47 #09102A

Use #2E4ECC in Our Tools

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