#486A7D Color

Color Information

HEX#486A7D
RGB72, 106, 125
HSL202° , 27% , 39%
HSV202° , 42% , 49%
CMYK42%, 15%, 0%, 51%

Lighter Shades

#5E7C8D #748E9C #8AA0AC #A0B2BB #B6C3CB #CCD5DB

Darker Shades

#3F5D6E #37515F #2E4450 #253741 #1D2A32 #141E23

Complementary Palette

#3E5B6C #486A7D #6C4F3F #7E5C49 #907362 #627F8F

Analogous Palette

#4E6A65 #55726E #446476 #486A7D #555972 #5F6381

Triadic Palette

#3F5D6E #486A7D #883F6D #96567F #6D883F #607837

Split Complementary Palette

#415F71 #486A7D #7E4950 #8B5B62 #7E7749 #716B42

Square Palette

#3C5969 #486A7D #705374 #745F53 #507E49 #6C9366

Tetradic Palette

#3B5767 #486A7D #583790 #7E5C49 #6F9037 #89A45B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #486A7D contains 72 red, 106 green, and 125 blue.

Contrast Ratio: 5.77:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.64:1