#407BC4 Color

Color Information

HEX#407BC4
RGB64, 123, 196
HSL213° , 53% , 51%
HSV213° , 67% , 77%
CMYK67%, 37%, 0%, 23%

Lighter Shades

#578BCB #6E9BD2 #85ABD9 #9CBAE0 #B3CAE7 #CADAEE

Darker Shades

#386CAC #315D95 #294F7D #214066 #1A314E #122237

Complementary Palette

#376AA9 #407BC4 #A97637 #C48940 #CC9A5B #5B8DCC

Analogous Palette

#539B9D #59A7AB #3C74B8 #407BC4 #5D59AB #6A66B2

Triadic Palette

#386CAC #407BC4 #D1337A #D74B8A #7AD133 #6BB82D

Split Complementary Palette

#3A6FB0 #407BC4 #C44640 #CA5953 #BEC440 #ABB03A

Square Palette

#3667A5 #407BC4 #B84CB2 #B8874C #40C446 #5FCD64

Tetradic Palette

#3465A1 #407BC4 #8B29DB #C48940 #79DB29 #91E150

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #407BC4 contains 64 red, 123 green, and 196 blue.

Contrast Ratio: 4.3:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.89:1