#407399 Color

Color Information

HEX#407399
RGB64, 115, 153
HSL206° , 41% , 43%
HSV206° , 58% , 60%
CMYK58%, 25%, 0%, 40%

Lighter Shades

#5784A5 #6E95B1 #85A5BE #9CB6CA #B3C7D6 #CAD8E2

Darker Shades

#386587 #315774 #294A62 #213C50 #1A2E3D #12202B

Complementary Palette

#376384 #407399 #855938 #9B6841 #A97D5C #5B87A7

Analogous Palette

#517B79 #578582 #3C6C90 #407399 #575A85 #686A8D

Triadic Palette

#386587 #407399 #A63675 #B14E86 #75A636 #679230

Split Complementary Palette

#3A688A #407399 #9B4147 #A55459 #9B9541 #8C863B

Square Palette

#366181 #407399 #8B4C90 #90694C #479B41 #64AB5F

Tetradic Palette

#345E7D #407399 #652DAE #9B6841 #76AE2D #8FBD53

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #407399 contains 64 red, 115 green, and 153 blue.

Contrast Ratio: 5.06:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.15:1