#536688 Color

Color Information

HEX	#536688
RGB	83, 102, 136
HSL	218° , 24% , 43%
HSV	218° , 39% , 53%
CMYK	39%, 25%, 0%, 47%

Lighter Shades

#687896 #7C8BA5 #919DB3 #A6AFC1 #BAC2CF #CFD4DE

Darker Shades

#495A78 #3F4E67 #354157 #2B3547 #212936 #171D26

Complementary Palette

#475875 #536688 #756547 #887553 #99886B #6B7B99

Analogous Palette

#556F72 #5D7A7E #4E6080 #536688 #625D7E #6C688D

Triadic Palette

#495A78 #536688 #934865 #A05E77 #659348 #59813F

Split Complementary Palette

#4B5C7A #536688 #885A53 #946B64 #818853 #747A4B

Square Palette

#465672 #536688 #7E5D7A #7E725D #53885A #6F9B74

Tetradic Palette

#445470 #536688 #7A409C #887553 #639C40 #7FAE62

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #536688 contains 83 red, 102 green, and 136 blue.

Contrast Ratio: 5.79:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.63:1