#335CB2 Color

Color Information

HEX#335CB2
RGB51, 92, 178
HSL221° , 55% , 45%
HSV221° , 71% , 70%
CMYK71%, 48%, 0%, 30%

Lighter Shades

#4B70BB #6483C4 #7C97CE #95AAD7 #ADBEE0 #C6D1E9

Darker Shades

#2D519D #274687 #213B72 #1B305D #142547 #0E1A32

Complementary Palette

#2C4F99 #335CB2 #99772D #B28A34 #BD9A50 #5073BD

Analogous Palette

#468391 #4B8C9B #3056A7 #335CB2 #594B9B #685C9D

Triadic Palette

#2D519D #335CB2 #BD2857 #C5426B #57BD28 #4DA623

Split Complementary Palette

#2E53A0 #335CB2 #B24B34 #BA5D48 #9BB234 #8CA02F

Square Palette

#2B4D96 #335CB2 #A63F93 #A6863F #34B24B #54BE68

Tetradic Palette

#2A4B92 #335CB2 #911FC7 #B28A34 #54C71F #73D147

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #335CB2 contains 51 red, 92 green, and 178 blue.

Contrast Ratio: 6.37:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.3:1