#194AEB Color

#194AEB is rgb(25, 74, 235) in RGB and hsl(226, 84%, 51%) in HSL. The closest CSS named color is RoyalBlue. White text is most readable on this background.

#194AEB

HEX#194AEB

RGBrgb(25, 74, 235)

HSLhsl(226, 84%, 51%)

HSVhsv(226, 89%, 92%)

OKLCHoklch(49.9% 0.245 264.7)

CMYKcmyk(89%, 69%, 0%, 8%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#194AEB Complementary#EBBA19 Analogous#19B3EB Analogous#5119EB Triadic#EB194A Triadic#4AEB19

Tints & Shades

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

Tints

#3A64EE #567AF0 #7794F3 #98AEF6 #B9C8F9 #D5DEFB

Shades

#123ECE #1035B2 #0D2C91 #0A2271 #071850 #040F34

Use #194AEB in Our Tools

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