#407B8A Color

Color Information

HEX#407B8A
RGB64, 123, 138
HSL192° , 37% , 40%
HSV192° , 54% , 54%
CMYK54%, 11%, 0%, 46%

Lighter Shades

#578B98 #6E9BA6 #85ABB4 #9CBAC2 #B3CAD0 #CADADE

Darker Shades

#386C79 #315D69 #294F58 #214048 #1A3137 #122227

Complementary Palette

#376A77 #407B8A #784437 #8C4F40 #9C685B #5B8D9A

Analogous Palette

#4E6E65 #55776D #3C7482 #407B8A #555F77 #626C84

Triadic Palette

#386C79 #407B8A #963683 #A34E92 #839636 #738430

Split Complementary Palette

#3A6F7C #407B8A #8C4057 #985368 #8C7540 #7E693A

Square Palette

#366774 #407B8A #714A82 #82554A #578C40 #729E5F

Tetradic Palette

#346571 #407B8A #442E9E #8C4F40 #889E2E #9DAF54

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #407B8A contains 64 red, 123 green, and 138 blue.

Contrast Ratio: 4.72:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.45:1