#334A74 Color

Color Information

HEX#334A74
RGB51, 74, 116
HSL219° , 39% , 33%
HSV219° , 56% , 45%
CMYK56%, 36%, 0%, 55%

Lighter Shades

#4B6085 #647595 #7C8BA6 #95A1B7 #ADB7C7 #C6CCD8

Darker Shades

#2D4166 #273858 #212F4A #1B263C #141E2E #0E1520

Complementary Palette

#2C4064 #334A74 #65512C #755E33 #887550 #506387

Analogous Palette

#3E565B #445F64 #30466D #334A74 #494464 #57526F

Triadic Palette

#2D4166 #334A74 #7D2B48 #8D445E #487D2B #3F6E26

Split Complementary Palette

#2E4368 #334A74 #753D33 #835047 #6B7533 #60692E

Square Palette

#2B3E61 #334A74 #6D3C65 #6D5B3C #33753D #548B5C

Tetradic Palette

#2A3D5F #334A74 #632484 #755E33 #468424 #679A4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #334A74 contains 51 red, 74 green, and 116 blue.

Contrast Ratio: 9.06:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.32:1