#287486 Color

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

#287486

HEX#287486

RGBrgb(40, 116, 134)

HSLhsl(191, 54%, 34%)

HSVhsv(191, 70%, 53%)

OKLCHoklch(52.1% 0.078 216.6)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#287486 Complementary#863928 Analogous#288668 Analogous#284686 Triadic#862874 Triadic#748628

Tints & Shades

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

Tints

#3293A9 #43AEC7 #66BED1 #8DCEDD #B0DDE8 #D4EDF2

Shades

#236776 #1D5662 #194852 #143A43 #0F2C33 #091B1F

Use #287486 in Our Tools

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