#2269EC Color

#2269EC is rgb(34, 105, 236) in RGB and hsl(219, 84%, 53%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#2269EC

HEX#2269EC

RGBrgb(34, 105, 236)

HSLhsl(219, 84%, 53%)

HSVhsv(219, 86%, 93%)

OKLCHoklch(55.8% 0.21 261.4)

CMYKcmyk(86%, 56%, 0%, 7%)

Text Contrast & Accessibility

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

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

TextBlack text4.3:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#2269EC Complementary#ECA522 Analogous#22CEEC Analogous#4122EC Triadic#EC2269 Triadic#69EC22

Tints & Shades

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

Tints

#3F7CEE #5F92F1 #7CA6F4 #9CBCF6 #B9CFF9 #D9E5FC

Shades

#1358D8 #104AB7 #0D3D96 #0A3075 #072254 #041534

Use #2269EC in Our Tools

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