#336EA1 Color

Color Information

HEX#336EA1
RGB51, 110, 161
HSL208° , 52% , 42%
HSV208° , 68% , 63%
CMYK68%, 32%, 0%, 37%

Lighter Shades

#4B7FAC #6491B8 #7CA2C3 #95B4CE #ADC5D9 #C6D6E5

Darker Shades

#2D618E #27547A #214667 #1B3954 #142C40 #0E1F2D

Complementary Palette

#2C5F8A #336EA1 #8C592C #A36733 #B07C50 #5082AE

Analogous Palette

#448381 #498D8B #306797 #336EA1 #494B8D #5A5C90

Triadic Palette

#2D618E #336EA1 #AE2970 #B84381 #70AE29 #639924

Split Complementary Palette

#2E6391 #336EA1 #A33337 #AC474B #A39F33 #938F2E

Square Palette

#2B5C87 #336EA1 #953E98 #98683E #37A333 #57B254

Tetradic Palette

#2A5A84 #336EA1 #6620B6 #A36733 #70B620 #8AC348

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #336EA1 contains 51 red, 110 green, and 161 blue.

Contrast Ratio: 5.39:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.9:1