#026B92 Color

#026B92 is rgb(2, 107, 146) in RGB and hsl(196, 97%, 29%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#026B92

HEX#026B92

RGBrgb(2, 107, 146)

HSLhsl(196, 97%, 29%)

HSVhsv(196, 99%, 57%)

OKLCHoklch(49.6% 0.101 232.6)

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

Text Contrast & Accessibility

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

TextWhite text5.96:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#026B92 Complementary#922802 Analogous#029270 Analogous#022492 Triadic#92026B Triadic#6B9202

Tints & Shades

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

Tints

#0390C4 #04B6F6 #31C6FC #5ED2FD #90E0FD #C3EEFE

Shades

#025D7E #02516F #01435A #01384B #012937 #011E28

Use #026B92 in Our Tools

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