#5A8FA6 Color

Color Information

HEX#5A8FA6
RGB90, 143, 166
HSL198° , 30% , 50%
HSV198° , 46% , 65%
CMYK46%, 14%, 0%, 35%

Lighter Shades

#6E9CB1 #82AABB #95B7C6 #A9C5D1 #BDD2DB #D1E0E6

Darker Shades

#4F7E92 #446D7E #3A5C6A #2F4A56 #243942 #19282E

Complementary Palette

#4D7B8F #5A8FA6 #8F604D #A67059 #B28470 #719FB2

Analogous Palette

#64877F #6C938B #55869C #5A8FA6 #6C7493 #78809B

Triadic Palette

#4F7E92 #5A8FA6 #B34D94 #BC62A1 #94B34D #829E44

Split Complementary Palette

#518195 #5A8FA6 #A65969 #AF6A78 #A69659 #958750

Square Palette

#4C788B #5A8FA6 #8F6699 #997566 #69A659 #81B474

Tetradic Palette

#4A7588 #5A8FA6 #6742BD #A67059 #98BD42 #ABC964

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A8FA6 contains 90 red, 143 green, and 166 blue.

Contrast Ratio: 3.5:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6:1