#5493C9 Color

Color Information

HEX#5493C9
RGB84, 147, 201
HSL208° , 52% , 56%
HSV208° , 58% , 79%
CMYK58%, 27%, 0%, 21%

Lighter Shades

#69A0CF #7DADD6 #92BADC #A6C7E3 #BBD4E9 #CFE1F0

Darker Shades

#4A81B1 #407099 #365E81 #2C4C69 #223B50 #182938

Complementary Palette

#487EAD #5493C9 #AD7848 #C98B54 #D19B6C #6CA2D1

Analogous Palette

#64A09E #6BB3B0 #4F8ABD #5493C9 #6B6DB3 #7577B8

Triadic Palette

#4A81B1 #5493C9 #D44993 #D95FA0 #93D449 #81BB40

Split Complementary Palette

#4C84B5 #5493C9 #C95458 #CE6569 #C9C554 #B5B14C

Square Palette

#477BA9 #5493C9 #BB60BE #BE8C60 #58C954 #73D26F

Tetradic Palette

#4579A5 #5493C9 #8A40DD #C98B54 #94DD40 #A7E362

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5493C9 contains 84 red, 147 green, and 201 blue.

Contrast Ratio: 3.24:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.48:1