#185F95 Color

#185F95 is rgb(24, 95, 149) in RGB and hsl(206, 72%, 34%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#185F95

HEX#185F95

RGBrgb(24, 95, 149)

HSLhsl(206, 72%, 34%)

HSVhsv(206, 84%, 58%)

OKLCHoklch(47.1% 0.11 246.7)

CMYKcmyk(84%, 36%, 0%, 42%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#185F95 Complementary#954E18 Analogous#18958D Analogous#182195 Triadic#95185F Triadic#5F9518

Tints & Shades

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

Tints

#1F78BD #2C90DD #54A5E3 #80BCEA #A7D1F1 #CFE6F7

Shades

#155484 #12466E #0F3B5C #0C304B #092439 #061623

Use #185F95 in Our Tools

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