#5366B1 Color

Color Information

HEX#5366B1
RGB83, 102, 177
HSL228° , 38% , 51%
HSV228° , 53% , 69%
CMYK53%, 42%, 0%, 31%

Lighter Shades

#6878BA #7C8BC4 #919DCD #A6AFD6 #BAC2E0 #CFD4E9

Darker Shades

#495A9C #3F4E87 #354171 #2B355C #212947 #171D32

Complementary Palette

#475898 #5366B1 #998947 #B29F53 #BDAC6B #6B7BBC

Analogous Palette

#63808C #6C8B99 #4E60A6 #5366B1 #796C99 #8478A1

Triadic Palette

#495A9C #5366B1 #BE465E #C65C71 #5EBE46 #53A73E

Split Complementary Palette

#4B5C9F #5366B1 #B26F53 #BA7D64 #95B253 #86A04B

Square Palette

#465695 #5366B1 #A55F90 #A5975F #53B26F #6FBE86

Tetradic Palette

#445491 #5366B1 #AC3CC8 #B29F53 #58C83C #76D25F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5366B1 contains 83 red, 102 green, and 177 blue.

Contrast Ratio: 5.37:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.91:1