#536EBD Color

Color Information

HEX#536EBD
RGB83, 110, 189
HSL225° , 45% , 53%
HSV225° , 56% , 74%
CMYK56%, 42%, 0%, 26%

Lighter Shades

#687FC5 #7C91CD #91A2D5 #A6B4DD #BAC5E5 #CFD6ED

Darker Shades

#4961A6 #3F5490 #354679 #2B3962 #212C4C #171F35

Complementary Palette

#475FA3 #536EBD #A38B46 #BDA251 #C6AF69 #6B82C6

Analogous Palette

#648996 #6996A5 #4E67B2 #536EBD #7869A5 #8476AD

Triadic Palette

#4961A6 #536EBD #C94566 #CF5B78 #66C945 #5AB13D

Split Complementary Palette

#4B63AA #536EBD #BD6C51 #C47B62 #A2BD51 #92AA49

Square Palette

#465C9F #536EBD #B15D9C #B19C5D #51BD6C #6DC884

Tetradic Palette

#445A9B #536EBD #AD3CD3 #BDA251 #61D33C #7DDB5F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #536EBD contains 83 red, 110 green, and 189 blue.

Contrast Ratio: 4.82:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.36:1