#287986 Color

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

#287986

HEX#287986

RGBrgb(40, 121, 134)

HSLhsl(188, 54%, 34%)

HSVhsv(188, 70%, 53%)

OKLCHoklch(53.3% 0.079 210.2)

CMYKcmyk(70%, 10%, 0%, 47%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#287986 Complementary#863428 Analogous#288663 Analogous#284A86 Triadic#862879 Triadic#798628

Tints & Shades

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

Tints

#3299A9 #43B5C7 #66C3D1 #8DD2DD #B0E0E8 #D4EEF2

Shades

#236B76 #1D5962 #194B52 #143D43 #0F2E33 #091C1F

Use #287986 in Our Tools

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