#194FCC Color

#194FCC is rgb(25, 79, 204) in RGB and hsl(222, 78%, 45%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#194FCC

HEX#194FCC

RGBrgb(25, 79, 204)

HSLhsl(222, 78%, 45%)

HSVhsv(222, 88%, 80%)

OKLCHoklch(47.8% 0.202 263.2)

CMYKcmyk(88%, 61%, 0%, 20%)

Text Contrast & Accessibility

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

TextWhite text6.93:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#194FCC Complementary#CC9719 Analogous#19A8CC Analogous#3D19CC Triadic#CC194F Triadic#4FCC19

Tints & Shades

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

Tints

#2A62E5 #4979E9 #6E94ED #8EABF1 #B2C6F5 #D2DEF9

Shades

#1644B1 #133A96 #0F2F7B #0C2764 #091C49 #06122D

Use #194FCC in Our Tools

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