#406BBD Color

Color Information

HEX#406BBD
RGB64, 107, 189
HSL219° , 49% , 50%
HSV219° , 66% , 74%
CMYK66%, 43%, 0%, 26%

Lighter Shades

#577DC5 #6E8FCD #85A0D5 #9CB2DD #B3C4E5 #CAD6ED

Darker Shades

#385EA6 #315190 #294479 #213862 #1A2B4C #121E35

Complementary Palette

#375CA3 #406BBD #A37E38 #BE9241 #C7A15C #5B80C6

Analogous Palette

#538D97 #5B99A4 #3C65B2 #406BBD #665BA4 #7268AC

Triadic Palette

#385EA6 #406BBD #CB3469 #D14C7B #69CB34 #5CB32E

Split Complementary Palette

#3A60AA #406BBD #BE5441 #C56554 #ABBE41 #9AAB3B

Square Palette

#365A9F #406BBD #B14EA2 #B18E4E #41BE54 #5FC86F

Tetradic Palette

#34589B #406BBD #992AD5 #BE9241 #66D52A #82DD50

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #406BBD contains 64 red, 107 green, and 189 blue.

Contrast Ratio: 5.16:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.07:1