#485C99 Color

Color Information

HEX#485C99
RGB72, 92, 153
HSL225° , 36% , 44%
HSV225° , 53% , 60%
CMYK53%, 40%, 0%, 40%

Lighter Shades

#5E70A5 #7483B1 #8A97BE #A0AACA #B6BED6 #CCD1E2

Darker Shades

#3F5187 #374674 #2E3B62 #253050 #1D253D #141A2B

Complementary Palette

#3E4F84 #485C99 #84723E #998448 #A79562 #6273A7

Analogous Palette

#587079 #5E7982 #445690 #485C99 #675E82 #746A90

Triadic Palette

#3F5187 #485C99 #A43D56 #AF546A #56A43D #4C9036

Split Complementary Palette

#41538A #485C99 #995C48 #A36C5A #849948 #778A41

Square Palette

#3C4D81 #485C99 #8D537E #8D7E53 #48995C #65A976

Tetradic Palette

#3B4B7D #485C99 #8C34AD #998448 #52AD34 #71BC59

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #485C99 contains 72 red, 92 green, and 153 blue.

Contrast Ratio: 6.46:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.25:1