#1258FD Color

#1258FD is rgb(18, 88, 253) in RGB and hsl(222, 98%, 53%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#1258FD

HEX#1258FD

RGBrgb(18, 88, 253)

HSLhsl(222, 98%, 53%)

HSVhsv(222, 93%, 99%)

OKLCHoklch(53.8% 0.253 263.2)

CMYKcmyk(93%, 65%, 0%, 1%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#1258FD Complementary#FDB612 Analogous#12CEFD Analogous#4112FD Triadic#FD1258 Triadic#58FD12

Tints & Shades

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

Tints

#306DFD #5386FD #729CFE #95B4FE #B3CAFE #D7E3FF

Shades

#0247E8 #023CC5 #0232A2 #01277E #011C5B #011138

Use #1258FD in Our Tools

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