#335BD1 Color

Color Information

HEX#335BD1
RGB51, 91, 209
HSL225° , 63% , 51%
HSV225° , 76% , 82%
CMYK76%, 56%, 0%, 18%

Lighter Shades

#4B6FD7 #6482DC #7C96E2 #95AAE7 #ADBDED #C6D1F2

Darker Shades

#2D50B8 #27459F #213A86 #1B2F6D #142454 #0E193B

Complementary Palette

#2C4EB4 #335BD1 #B4912C #D1A933 #D7B550 #5072D7

Analogous Palette

#4790A9 #4C9DB8 #3056C4 #335BD1 #674CB8 #745BBE

Triadic Palette

#2D50B8 #335BD1 #DD2754 #E14169 #54DD27 #4AC222

Split Complementary Palette

#2E52BC #335BD1 #D15B33 #D66B47 #A9D133 #98BC2E

Square Palette

#2B4CB0 #335BD1 #C440A3 #C4A340 #33D15B #54D875

Tetradic Palette

#2A4BAB #335BD1 #B51DE7 #D1A933 #4FE71D #6FEB46

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #335BD1 contains 51 red, 91 green, and 209 blue.

Contrast Ratio: 5.94:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.54:1