#0261BB Color

#0261BB is rgb(2, 97, 187) in RGB and hsl(209, 98%, 37%) in HSL. The closest CSS named color is DarkCyan. White text is most readable on this background.

#0261BB

HEX#0261BB

RGBrgb(2, 97, 187)

HSLhsl(209, 98%, 37%)

HSVhsv(209, 99%, 73%)

OKLCHoklch(49.8% 0.161 254.6)

CMYKcmyk(99%, 48%, 0%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#0261BB Complementary#BB5B02 Analogous#02BBB8 Analogous#0205BB Triadic#BB0261 Triadic#61BB02

Tints & Shades

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

Tints

#0279E8 #178EFD #44A4FD #72BAFE #9FD0FE #C7E4FE

Shades

#0254A2 #014A8D #013D74 #012F5B #012242 #00182D

Use #0261BB in Our Tools

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