#3B5FC4 Color

Color Information

HEX#3B5FC4
RGB59, 95, 196
HSL224° , 54% , 50%
HSV224° , 70% , 77%
CMYK70%, 52%, 0%, 23%

Lighter Shades

#5372CB #6A85D2 #8299D9 #99ACE0 #B1BFE7 #C8D2EE

Darker Shades

#3454AC #2D4895 #263D7D #1F3166 #18264E #111B37

Complementary Palette

#3352A9 #3B5FC4 #A98A33 #C4A03B #CCAD56 #5675CC

Analogous Palette

#4D8B9D #5497AB #3759B8 #3B5FC4 #6854AB #7462B2

Triadic Palette

#3454AC #3B5FC4 #D12E59 #D7476D #59D12E #4EB828

Split Complementary Palette

#3556B0 #3B5FC4 #C45B3B #CA6B4F #A4C43B #94B035

Square Palette

#3250A5 #3B5FC4 #B8479D #B89A47 #3BC45B #5ACD75

Tetradic Palette

#304EA1 #3B5FC4 #AA24DB #C4A03B #55DB24 #74E14B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3B5FC4 contains 59 red, 95 green, and 196 blue.

Contrast Ratio: 5.82:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.61:1