#334E96 Color

Color Information

HEX	#334E96
RGB	51, 78, 150
HSL	224° , 49% , 39%
HSV	224° , 66% , 59%
CMYK	66%, 48%, 0%, 41%

Lighter Shades

#4B63A3 #6478AF #7C8EBC #95A3C8 #ADB8D5 #C6CDE2

Darker Shades

#2D4584 #273B72 #213260 #1B294E #141F3C #0E162A

Complementary Palette

#2C4381 #334E96 #7F692C #947A33 #A38D50 #5067A5

Analogous Palette

#416A76 #477380 #30498D #334E96 #544780 #645A87

Triadic Palette

#2D4584 #334E96 #9E2948 #AA435E #489E29 #3F8B24

Split Complementary Palette

#2E4687 #334E96 #944933 #9F5B47 #7D9433 #71852E

Square Palette

#2B427E #334E96 #8A3D78 #8A763D #339449 #54A566

Tetradic Palette

#2A407B #334E96 #8321A6 #947A33 #44A621 #66B649

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #334E96 contains 51 red, 78 green, and 150 blue.

Contrast Ratio: 7.99:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.63:1