#485AAD Color

Color Information

HEX	#485AAD
RGB	72, 90, 173
HSL	229° , 41% , 48%
HSV	229° , 58% , 68%
CMYK	58%, 48%, 0%, 32%

Lighter Shades

#5E6EB7 #7482C1 #8A95CB #A0A9D4 #B6BDDE #CCD1E8

Darker Shades

#3F4F98 #374483 #2E3A6F #252F5A #1D2445 #141930

Complementary Palette

#3E4D95 #485AAD #95843E #AD9A48 #B8A862 #6271B8

Analogous Palette

#597988 #618494 #4455A3 #485AAD #716194 #7D6F9B

Triadic Palette

#3F4F98 #485AAD #B93C53 #C15368 #53B93C #49A335

Split Complementary Palette

#41519C #485AAD #AD6848 #B5775A #8DAD48 #7F9C41

Square Palette

#3C4C91 #485AAD #A05488 #A09254 #48AD68 #65BA80

Tetradic Palette

#3B4A8E #485AAD #A832C3 #AD9A48 #4DC332 #6DCE57

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #485AAD contains 72 red, 90 green, and 173 blue.

Contrast Ratio: 6.32:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.33:1