#5D6696 Color

Color Information

HEX	#5D6696
RGB	93, 102, 150
HSL	231° , 23% , 48%
HSV	231° , 38% , 59%
CMYK	38%, 32%, 0%, 41%

Lighter Shades

#7078A3 #848BAF #979DBC #ABAFC8 #BEC2D5 #D2D4E2

Darker Shades

#525A84 #474E72 #3C4160 #30354E #25293C #1A1D2A

Complementary Palette

#505881 #5D6696 #827A51 #978E5E #A69E75 #747BA5

Analogous Palette

#5F7681 #68808D #57608D #5D6696 #75688D #7F7297

Triadic Palette

#525A84 #5D6696 #A3525E #AE6771 #5EA352 #538F48

Split Complementary Palette

#545C87 #5D6696 #97725E #A1806E #83975E #768855

Square Palette

#4E567E #5D6696 #8D6880 #8D8768 #5E9772 #78A889

Tetradic Palette

#4C547B #5D6696 #9E48AD #978E5E #57AD48 #75BC69

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5D6696 contains 93 red, 102 green, and 150 blue.

Contrast Ratio: 5.5:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.82:1