#486B6C Color

Color Information

HEX#486B6C
RGB72, 107, 108
HSL182° , 20% , 35%
HSV182° , 33% , 42%
CMYK33%, 1%, 0%, 58%

Lighter Shades

#5E7D7E #748F8F #8AA0A1 #A0B2B3 #B6C4C4 #CCD6D6

Darker Shades

#3F5E5F #375152 #2E4445 #253838 #1D2B2B #141E1E

Complementary Palette

#3E5C5D #486B6C #5C3F3D #6B4947 #806261 #628081

Analogous Palette

#455E53 #4C675A #446566 #486B6C #4C5867 #576475

Triadic Palette

#3F5E5F #486B6C #743E72 #855583 #72743E #646637

Split Complementary Palette

#416061 #486B6C #6B4758 #7A5969 #6B5A47 #605140

Square Palette

#3C5A5B #486B6C #5A4C67 #674D4C #586B47 #738364

Tetradic Palette

#3B5859 #486B6C #3B377B #6B4947 #797B37 #91935B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #486B6C contains 72 red, 107 green, and 108 blue.

Contrast Ratio: 5.84:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.6:1