#284BD7 Color

#284BD7 is rgb(40, 75, 215) in RGB and hsl(228, 69%, 50%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#284BD7

HEX#284BD7

RGBrgb(40, 75, 215)

HSLhsl(228, 69%, 50%)

HSVhsv(228, 81%, 84%)

OKLCHoklch(48.5% 0.217 266.6)

CMYKcmyk(81%, 65%, 0%, 16%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #284BD7 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 #284BD7 based on color wheel relationships. Click any swatch for its full breakdown.

Base#284BD7 Complementary#D7B428 Analogous#28A3D7 Analogous#5C28D7 Triadic#D7284B Triadic#4BD728

Tints & Shades

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

Tints

#4664DD #647DE3 #8296E8 #9CACED #BAC5F2 #D8DFF8

Shades

#2240B9 #1D379F #182D81 #132467 #0D1949 #09102F

Use #284BD7 in Our Tools

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