#485BA4 Color

Color Information

HEX#485BA4
RGB72, 91, 164
HSL228° , 39% , 46%
HSV228° , 56% , 64%
CMYK56%, 45%, 0%, 36%

Lighter Shades

#5E6FAF #7482BA #8A96C5 #A0AAD0 #B6BDDB #CCD1E6

Darker Shades

#3F5090 #37457D #2E3A69 #252F55 #1D2442 #14192E

Complementary Palette

#3E4E8D #485BA4 #8C7D3E #A39148 #B0A062 #6272B1

Analogous Palette

#57737F #5F7E8C #44569A #485BA4 #6C5F8C #776C93

Triadic Palette

#3F5090 #485BA4 #AF3C53 #B95368 #53AF3C #499A35

Split Complementary Palette

#415294 #485BA4 #A36348 #AC735A #88A348 #7A9341

Square Palette

#3C4C8A #485BA4 #975383 #978A53 #48A363 #65B27C

Tetradic Palette

#3B4B86 #485BA4 #9D32B8 #A39148 #4DB832 #6DC557

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #485BA4 contains 72 red, 91 green, and 164 blue.

Contrast Ratio: 6.38:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.29:1