#3F95CA Color

Color Information

HEX	#3F95CA
RGB	63, 149, 202
HSL	203° , 57% , 52%
HSV	203° , 69% , 79%
CMYK	69%, 26%, 0%, 21%

Lighter Shades

#56A2D0 #6DAED7 #84BBDD #9BC8E3 #B2D5EA #C9E1F0

Darker Shades

#3783B2 #30719A #285F81 #214D69 #193C51 #122A39

Complementary Palette

#3680AE #3F95CA #AE6436 #CA743F #D1875A #5AA4D1

Analogous Palette

#53A298 #57B2A7 #3B8CBE #3F95CA #5762B2 #656FB8

Triadic Palette

#3783B2 #3F95CA #D73398 #DC4BA4 #98D733 #86BD2D

Split Complementary Palette

#3986B6 #3F95CA #CA3F4F #CF5261 #CABA3F #B6A739

Square Palette

#357DAA #3F95CA #B14BBE #BE774B #4FCA3F #6BD25E

Tetradic Palette

#347AA6 #3F95CA #6F29E0 #CA743F #9AE029 #ACE650

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3F95CA contains 63 red, 149 green, and 202 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.45:1