#0487AF Color

#0487AF is rgb(4, 135, 175) in RGB and hsl(194, 96%, 35%) in HSL. The closest CSS named color is DarkCyan. Black text is most readable on this background.

#0487AF

HEX#0487AF

RGBrgb(4, 135, 175)

HSLhsl(194, 96%, 35%)

HSVhsv(194, 98%, 69%)

OKLCHoklch(58.2% 0.113 227.9)

CMYKcmyk(98%, 23%, 0%, 31%)

Text Contrast & Accessibility

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

TextWhite text4.13:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.09:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#0487AF Complementary#AF2C04 Analogous#04AF81 Analogous#0431AF Triadic#AF0487 Triadic#87AF04

Tints & Shades

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

Tints

#04AADC #14C5FA #41D0FB #6EDBFC #9BE6FD #C8F1FE

Shades

#03789B #036482 #02556E #024255 #013241 #011F28

Use #0487AF in Our Tools

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