#45B0FC Color

#45B0FC is rgb(69, 176, 252) in RGB and hsl(205, 97%, 63%) in HSL. The closest CSS named color is CornflowerBlue. Black text is most readable on this background.

#45B0FC

HEX#45B0FC

RGBrgb(69, 176, 252)

HSLhsl(205, 97%, 63%)

HSVhsv(205, 73%, 99%)

OKLCHoklch(72.9% 0.147 243.6)

CMYKcmyk(73%, 30%, 0%, 1%)

Text Contrast & Accessibility

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

TextWhite text2.37:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text8.87:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#45B0FC Complementary#FC9145 Analogous#45FCED Analogous#4554FC Triadic#FC45B0 Triadic#B0FC45

Tints & Shades

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

Tints

#5EBBFD #77C5FD #90D0FD #AADBFE #C3E5FE #DCF0FE

Shades

#1D9FFC #0488E7 #0371BF #025692 #023E69 #01243C

Use #45B0FC in Our Tools

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