#3B5690 Color

Color Information

HEX#3B5690
RGB59, 86, 144
HSL221° , 42% , 40%
HSV221° , 59% , 56%
CMYK59%, 40%, 0%, 44%

Lighter Shades

#536A9D #6A7FAB #8293B8 #99A7C5 #B1BBD3 #C8D0E0

Darker Shades

#344C7F #2D416D #26375C #1F2D4B #18223A #111828

Complementary Palette

#334A7C #3B5690 #7D6533 #91763B #A08956 #566EA0

Analogous Palette

#4A6B73 #50747C #375187 #3B5690 #58507C #686284

Triadic Palette

#344C7F #3B5690 #9B3153 #A74A68 #539B31 #49882B

Split Complementary Palette

#354D82 #3B5690 #914B3B #9C5D4F #81913B #748335

Square Palette

#324879 #3B5690 #87457B #877245 #3B914B #5AA368

Tetradic Palette

#304776 #3B5690 #7C29A3 #91763B #50A329 #70B450

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3B5690 contains 59 red, 86 green, and 144 blue.

Contrast Ratio: 7.27:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.89:1