#2869F6 Color

#2869F6 is rgb(40, 105, 246) in RGB and hsl(221, 92%, 56%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#2869F6

HEX#2869F6

RGBrgb(40, 105, 246)

HSLhsl(221, 92%, 56%)

HSVhsv(221, 84%, 96%)

OKLCHoklch(56.7% 0.221 262.8)

CMYKcmyk(84%, 57%, 0%, 4%)

Text Contrast & Accessibility

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

TextWhite text4.73:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#2869F6 Complementary#F6B528 Analogous#28D0F6 Analogous#4D28F6 Triadic#F62869 Triadic#69F628

Tints & Shades

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

Tints

#457DF7 #6292F8 #80A6FA #9DBBFB #BACFFC #D8E4FD

Shades

#0A53F0 #0845C9 #0739A6 #052C7F #04205D #021336

Use #2869F6 in Our Tools

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