#0F77BD Color

#0F77BD is rgb(15, 119, 189) in RGB and hsl(204, 85%, 40%) in HSL. The closest CSS named color is DarkCyan. White text is most readable on this background.

#0F77BD

HEX#0F77BD

RGBrgb(15, 119, 189)

HSLhsl(204, 85%, 40%)

HSVhsv(204, 92%, 74%)

OKLCHoklch(55.2% 0.138 246.2)

CMYKcmyk(92%, 37%, 0%, 26%)

Text Contrast & Accessibility

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

TextWhite text4.78:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.39:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#0F77BD Complementary#BD550F Analogous#0FBDAB Analogous#0F21BD Triadic#BD0F77 Triadic#77BD0F

Tints & Shades

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

Tints

#128FE2 #34A4EF #5AB5F2 #80C6F5 #A5D7F8 #D0EAFB

Shades

#0D68A5 #0B5A8E #0A4B76 #07395A #052A42 #031B2A

Use #0F77BD in Our Tools

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