#3F96C2 Color

Color Information

HEX	#3F96C2
RGB	63, 150, 194
HSL	200° , 52% , 50%
HSV	200° , 68% , 76%
CMYK	68%, 23%, 0%, 24%

Lighter Shades

#56A3C9 #6DAFD1 #84BCD8 #9BC8DF #B2D5E7 #C9E2EE

Darker Shades

#3784AB #307293 #28607C #214E65 #193C4E #122A36

Complementary Palette

#3681A7 #3F96C2 #A75A34 #C2693D #CB7E58 #5AA5CB

Analogous Palette

#509B8E #57A89B #3B8DB6 #3F96C2 #5764A8 #6471AF

Triadic Palette

#3784AB #3F96C2 #CF309A #D549A6 #9ACF30 #88B62A

Split Complementary Palette

#3987AF #3F96C2 #C23D53 #C85064 #C2AC3D #AF9B37

Square Palette

#357EA3 #3F96C2 #A34AB5 #B56E4A #53C23D #6FCC5C

Tetradic Palette

#347B9F #3F96C2 #6226D9 #C2693D #9DD926 #AFE04D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3F96C2 contains 63 red, 150 green, and 194 blue.

Contrast Ratio: 3.26:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.44:1