#255AF8 Color

#255AF8 is rgb(37, 90, 248) in RGB and hsl(225, 94%, 56%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#255AF8

HEX#255AF8

RGBrgb(37, 90, 248)

HSLhsl(225, 94%, 56%)

HSVhsv(225, 85%, 97%)

OKLCHoklch(54.1% 0.242 264.7)

CMYKcmyk(85%, 64%, 0%, 3%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#255AF8 Complementary#F8C425 Analogous#25C4F8 Analogous#5A25F8 Triadic#F8255A Triadic#5AF825

Tints & Shades

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

Tints

#4371F9 #6187FA #7E9EFB #9CB4FC #BACBFD #D7E1FE

Shades

#0742F2 #0637CB #052EA8 #042381 #031A5E #020F36

Use #255AF8 in Our Tools

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