#535CA6 Color

Color Information

HEX#535CA6
RGB83, 92, 166
HSL233° , 33% , 49%
HSV233° , 50% , 65%
CMYK50%, 45%, 0%, 35%

Lighter Shades

#6870B1 #7C83BB #9197C6 #A6AAD1 #BABEDB #CFD1E6

Darker Shades

#495192 #3F467E #353B6A #2B3056 #212542 #171A2E

Complementary Palette

#474F8F #535CA6 #8F8748 #A69D54 #B2AB6C #6B73B2

Analogous Palette

#627784 #6A8190 #4E569C #535CA6 #796A90 #827599

Triadic Palette

#495192 #535CA6 #B34754 #BC5D69 #54B347 #4A9E3E

Split Complementary Palette

#4B5395 #535CA6 #A67354 #AF8165 #87A654 #7A954C

Square Palette

#464D8B #535CA6 #9A6084 #9A9360 #54A673 #6FB489

Tetradic Palette

#444B88 #535CA6 #AE3DBD #A69D54 #4CBD3D #6CC960

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #535CA6 contains 83 red, 92 green, and 166 blue.

Contrast Ratio: 6.1:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.44:1