#286B86 Color

#286B86 is rgb(40, 107, 134) in RGB and hsl(197, 54%, 34%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#286B86
HEX#286B86
RGBrgb(40, 107, 134)
HSLhsl(197, 54%, 34%)
HSVhsv(197, 70%, 53%)
OKLCHoklch(49.8% 0.079 228.3)
CMYKcmyk(70%, 20%, 0%, 47%)

Text Contrast & Accessibility

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

TextWhite text5.94:1AA normal ✓AA large ✓AAA normal ✗
TextBlack text3.54:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#286B86Complementary#864228Analogous#288671Analogous#283C86Triadic#86286BTriadic#6B8628

Tints & Shades

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

Use #286B86 in Our Tools

Hex to RGBHex to HSLHex to CMYKHex to PantoneRGBA to Hex