#485A9D Color

Color Information

HEX	#485A9D
RGB	72, 90, 157
HSL	227° , 37% , 45%
HSV	227° , 54% , 62%
CMYK	54%, 43%, 0%, 38%

Lighter Shades

#5E6EA9 #7482B5 #8A95C0 #A0A9CC #B6BDD8 #CCD1E4

Darker Shades

#3F4F8A #374477 #2E3A64 #252F52 #1D243F #14192C

Complementary Palette

#3E4D87 #485A9D #87783E #9D8B48 #AB9B62 #6271AB

Analogous Palette

#57707A #5F7B86 #445594 #485A9D #6A5F86 #756A90

Triadic Palette

#3F4F8A #485A9D #A93D54 #B35469 #54A93D #4A9536

Split Complementary Palette

#41518D #485A9D #9D6048 #A7705A #859D48 #788D41

Square Palette

#3C4C84 #485A9D #925480 #928454 #489D60 #65AD79

Tetradic Palette

#3B4A81 #485A9D #9734B2 #9D8B48 #4FB234 #6FC059

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #485A9D contains 72 red, 90 green, and 157 blue.

Contrast Ratio: 6.55:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.21:1