#407CBC Color

Color Information

HEX	#407CBC
RGB	64, 124, 188
HSL	211° , 49% , 49%
HSV	211° , 66% , 74%
CMYK	66%, 34%, 0%, 26%

Lighter Shades

#578CC4 #6E9BCC #85ABD4 #9CBBDC #B3CBE4 #CADAEC

Darker Shades

#386DA5 #315E8F #294F78 #214062 #1A324B #122335

Complementary Palette

#376BA2 #407CBC #A06D37 #BA7F40 #C4915B #5B8EC5

Analogous Palette

#519394 #59A0A1 #3C75B1 #407CBC #5A59A1 #6867A8

Triadic Palette

#386DA5 #407CBC #C7337A #CE4B8A #7AC733 #6BAF2D

Split Complementary Palette

#3A70A9 #407CBC #BA4240 #C15553 #B8BA40 #A6A73A

Square Palette

#36689E #407CBC #AE4CAC #AE7F4C #40BA42 #5FC560

Tetradic Palette

#34669A #407CBC #8029D1 #BA7F40 #7AD129 #92D950

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #407CBC contains 64 red, 124 green, and 188 blue.

Contrast Ratio: 4.31:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.87:1