#407BC8 Color

Color Information

HEX	#407BC8
RGB	64, 123, 200
HSL	214° , 55% , 52%
HSV	214° , 68% , 78%
CMYK	68%, 39%, 0%, 22%

Lighter Shades

#578BCF #6E9BD5 #85ABDC #9CBAE2 #B3CAE9 #CADAF0

Darker Shades

#386CB0 #315D98 #294F80 #214068 #1A3150 #122238

Complementary Palette

#376AAC #407BC8 #AC7A38 #C88E41 #D09E5C #5B8DD0

Analogous Palette

#549BA0 #5AAAAF #3C74BC #407BC8 #5F5AAF #6D68B6

Triadic Palette

#386CB0 #407BC8 #D4357A #D94D8A #7AD435 #6BBB2F

Split Complementary Palette

#3A6FB4 #407BC8 #C84A41 #CE5C54 #BFC841 #ACB43B

Square Palette

#3667A8 #407BC8 #BC4EB4 #BC8C4E #41C84A #5FD167

Tetradic Palette

#3465A4 #407BC8 #912BDE #C88E41 #79DE2B #91E451

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #407BC8 contains 64 red, 123 green, and 200 blue.

Contrast Ratio: 4.26:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.93:1