#034954 Color

#034954 is rgb(3, 73, 84) in RGB and hsl(188, 93%, 17%) in HSL. The closest CSS named color is DarkSlateGray. White text is most readable on this background.

#034954

HEX#034954

RGBrgb(3, 73, 84)

HSLhsl(188, 93%, 17%)

HSVhsv(188, 96%, 33%)

OKLCHoklch(37.3% 0.064 212.1)

CMYKcmyk(96%, 13%, 0%, 67%)

Text Contrast & Accessibility

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

TextWhite text10.07:1AA normal ✓AA large ✓AAA normal ✓

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

Color Harmonies

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

Base#034954 Complementary#540E03 Analogous#035436 Analogous#032154 Triadic#540349 Triadic#495403

Tints & Shades

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

Tints

#057C8F #07ACC5 #13D8F6 #49E1F8 #84EBFB #BAF4FD

Shades

#03404A #023840 #022F36 #022B31 #012227 #011A1E

Use #034954 in Our Tools

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