#2662ED Color

#2662ED is rgb(38, 98, 237) in RGB and hsl(222, 85%, 54%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#2662ED

HEX#2662ED

RGBrgb(38, 98, 237)

HSLhsl(222, 85%, 54%)

HSVhsv(222, 84%, 93%)

OKLCHoklch(54.6% 0.219 263.3)

CMYKcmyk(84%, 59%, 0%, 7%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#2662ED Complementary#EDB226 Analogous#26C6ED Analogous#4E26ED Triadic#ED2662 Triadic#62ED26

Tints & Shades

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

Tints

#4276F0 #638EF2 #80A3F5 #9CB7F7 #B8CCF9 #D9E4FC

Shades

#124FDE #0F43BD #0D389C #0A2A76 #071E55 #041334

Use #2662ED in Our Tools

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