#194480 Color

#194480 is rgb(25, 68, 128) in RGB and hsl(215, 67%, 30%) in HSL. The closest CSS named color is MidnightBlue. White text is most readable on this background.

#194480

HEX#194480

RGBrgb(25, 68, 128)

HSLhsl(215, 67%, 30%)

HSVhsv(215, 80%, 50%)

OKLCHoklch(39.2% 0.112 257.6)

CMYKcmyk(80%, 47%, 0%, 50%)

Text Contrast & Accessibility

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

TextWhite text9.63:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.18:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#194480 Complementary#805519 Analogous#197780 Analogous#221980 Triadic#801944 Triadic#448019

Tints & Shades

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

Tints

#225BAA #296FD1 #508BDC #7BA7E5 #A6C3ED #CCDDF5

Shades

#163B6F #133462 #102B51 #0D2240 #09192F #071222

Use #194480 in Our Tools

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