#334F96 Color

Color Information

HEX	#334F96
RGB	51, 79, 150
HSL	223° , 49% , 39%
HSV	223° , 66% , 59%
CMYK	66%, 47%, 0%, 41%

Lighter Shades

#4B64A3 #6479AF #7C8EBC #95A3C8 #ADB9D5 #C6CEE2

Darker Shades

#2D4684 #273C72 #213360 #1B294E #14203C #0E162A

Complementary Palette

#2C4481 #334F96 #7F682C #947933 #A38C50 #5068A5

Analogous Palette

#416B76 #477480 #304A8D #334F96 #534780 #635A87

Triadic Palette

#2D4684 #334F96 #9E294A #AA4360 #4A9E29 #418B24

Split Complementary Palette

#2E4787 #334F96 #944833 #9F5A47 #7F9433 #72852E

Square Palette

#2B427E #334F96 #8A3D79 #8A743D #339448 #54A565

Tetradic Palette

#2A417B #334F96 #8021A6 #947933 #47A621 #68B649

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #334F96 contains 51 red, 79 green, and 150 blue.

Contrast Ratio: 7.9:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.66:1