#535BA2 Color

Color Information

HEX#535BA2
RGB83, 91, 162
HSL234° , 32% , 48%
HSV234° , 49% , 64%
CMYK49%, 44%, 0%, 36%

Lighter Shades

#686FAD #7C82B8 #9196C3 #A6AACF #BABDDA #CFD1E5

Darker Shades

#49508F #3F457B #353A68 #2B2F54 #212441 #17192D

Complementary Palette

#474E8B #535BA2 #8B8447 #A29A53 #AFA86B #6B72AF

Analogous Palette

#5F7481 #687E8D #4E5698 #535BA2 #77688D #817297

Triadic Palette

#49508F #535BA2 #AE4751 #B85D66 #51AE47 #47993E

Split Complementary Palette

#4B5292 #535BA2 #A27353 #AB8164 #82A253 #75924B

Square Palette

#464C88 #535BA2 #955F80 #95905F #53A273 #6FB189

Tetradic Palette

#444B85 #535BA2 #AB3DB8 #A29A53 #49B83D #6AC560

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #535BA2 contains 83 red, 91 green, and 162 blue.

Contrast Ratio: 6.22:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.37:1