#485F61 Color

Color Information

HEX#485F61
RGB72, 95, 97
HSL185° , 15% , 33%
HSV185° , 26% , 38%
CMYK26%, 2%, 0%, 62%

Lighter Shades

#5E7274 #748587 #8A999A #A0ACAD #B6BFC0 #CCD2D3

Darker Shades

#3F5455 #37484A #2E3D3E #253132 #1D2627 #141B1B

Complementary Palette

#3E5253 #485F61 #53403E #614A48 #776362 #627577

Analogous Palette

#41584E #486156 #44595B #485F61 #485261 #556072

Triadic Palette

#3F5455 #485F61 #693F66 #7B5678 #66693F #5A5C37

Split Complementary Palette

#415657 #485F61 #614852 #715A63 #615648 #574D41

Square Palette

#3C5051 #485F61 #564861 #614A48 #526148 #6E7A65

Tetradic Palette

#3B4E50 #485F61 #3D3870 #614A48 #6B7038 #868A5C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #485F61 contains 72 red, 95 green, and 97 blue.

Contrast Ratio: 6.85:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.06:1