#005075 Color

#005075 is rgb(0, 80, 117) in RGB and hsl(199, 100%, 23%) in HSL. The closest CSS named color is Teal. White text is most readable on this background.

#005075

HEX#005075

RGBrgb(0, 80, 117)

HSLhsl(199, 100%, 23%)

HSVhsv(199, 100%, 46%)

OKLCHoklch(40.9% 0.091 237.8)

CMYKcmyk(100%, 32%, 0%, 54%)

Text Contrast & Accessibility

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

TextWhite text8.73:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text2.4:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#005075 Complementary#752500 Analogous#007560 Analogous#001675 Triadic#750050 Triadic#507500

Tints & Shades

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

Tints

#0076AD #0099E0 #1AB6FF #52C8FF #8ADAFF #BDEAFF

Shades

#004666 #003F5C #00344D #002A3D #001F2E #001824

Use #005075 in Our Tools

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