#334A5C Color

Color Information

HEX#334A5C
RGB51, 74, 92
HSL206° , 29% , 28%
HSV206° , 45% , 36%
CMYK45%, 20%, 0%, 64%

Lighter Shades

#4B6070 #647583 #7C8B97 #95A1AA #ADB7BE #C6CCD1

Darker Shades

#2D4151 #273846 #212F3B #1B2630 #141E25 #0E151A

Complementary Palette

#2C404F #334A5C #4F3B2C #5C4533 #735F50 #506373

Analogous Palette

#384C4B #3D5251 #304656 #334A5C #3D3E52 #4A4B64

Triadic Palette

#2D4151 #334A5C #632C4B #764561 #4B632C #425727

Split Complementary Palette

#2E4353 #334A5C #5C3335 #6C4749 #5C5933 #53502E

Square Palette

#2B3E4D #334A5C #533A55 #55463A #355C33 #557654

Tetradic Palette

#2A3D4B #334A5C #432669 #5C4533 #4C6926 #6C844D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #334A5C contains 51 red, 74 green, and 92 blue.

Contrast Ratio: 9.47:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 2.22:1