#1196BB Color

#1196BB is rgb(17, 150, 187) in RGB and hsl(193, 83%, 40%) in HSL. The closest CSS named color is LightSeaGreen. Black text is most readable on this background.

#1196BB

HEX#1196BB

RGBrgb(17, 150, 187)

HSLhsl(193, 83%, 40%)

HSVhsv(193, 91%, 73%)

OKLCHoklch(62.6% 0.115 224)

CMYKcmyk(91%, 20%, 0%, 27%)

Text Contrast & Accessibility

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

TextWhite text3.44:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text6.1:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#1196BB Complementary#BB3611 Analogous#11BB8B Analogous#1141BB Triadic#BB1196 Triadic#96BB11

Tints & Shades

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

Tints

#15B4E0 #36C5EC #5CD0F0 #81DBF3 #A6E5F7 #D0F1FB

Shades

#0F83A3 #0D708C #0B5E75 #084759 #063441 #04222A

Use #1196BB in Our Tools

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