#486F8E Color

Color Information

HEX#486F8E
RGB72, 111, 142
HSL207° , 33% , 42%
HSV207° , 49% , 56%
CMYK49%, 22%, 0%, 44%

Lighter Shades

#5E809C #7492A9 #8AA3B7 #A0B4C4 #B6C5D2 #CCD7DF

Darker Shades

#3F627D #37546C #2E475B #253A4A #1D2C39 #141F28

Complementary Palette

#3E5F7A #486F8E #7A593E #8E6848 #9E7D62 #62839E

Analogous Palette

#557271 #5B7B7A #446885 #486F8E #5B5D7B #66678A

Triadic Palette

#3F627D #486F8E #993D70 #A55481 #70993D #638736

Split Complementary Palette

#416480 #486F8E #8E484B #995A5D #8E8B48 #807D41

Square Palette

#3C5D77 #486F8E #815284 #846952 #4B8E48 #68A065

Tetradic Palette

#3B5B74 #486F8E #6634A2 #8E6848 #71A234 #8BB359

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #486F8E contains 72 red, 111 green, and 142 blue.

Contrast Ratio: 5.31:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.96:1