#5366AC Color

Color Information

HEX#5366AC
RGB83, 102, 172
HSL227° , 35% , 50%
HSV227° , 52% , 67%
CMYK52%, 41%, 0%, 33%

Lighter Shades

#6878B6 #7C8BC0 #919DCA #A6AFD4 #BAC2DE #CFD4E8

Darker Shades

#495A97 #3F4E83 #35416E #2B3559 #212945 #171D30

Complementary Palette

#475894 #5366AC #948447 #AC9953 #B8A76B #6B7BB8

Analogous Palette

#647D87 #6C8893 #4E60A2 #5366AC #776C93 #82789B

Triadic Palette

#495A97 #5366AC #B9465F #C15C72 #5FB946 #54A33E

Split Complementary Palette

#4B5C9B #5366AC #AC6C53 #B47B64 #93AC53 #849B4B

Square Palette

#465690 #5366AC #9F608D #9F9260 #53AC6C #6FB984

Tetradic Palette

#44548D #5366AC #A63CC3 #AC9953 #59C33C #77CE5F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5366AC contains 83 red, 102 green, and 172 blue.

Contrast Ratio: 5.42:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.87:1