#3F85CA Color

Color Information

HEX	#3F85CA
RGB	63, 133, 202
HSL	210° , 57% , 52%
HSV	210° , 69% , 79%
CMYK	69%, 34%, 0%, 21%

Lighter Shades

#5694D0 #6DA2D7 #84B1DD #9BC0E3 #B2CEEA #C9DDF0

Darker Shades

#3775B2 #30659A #285581 #214569 #193551 #122539

Complementary Palette

#3672AE #3F85CA #AE7236 #CA853F #D1965A #5A96D1

Analogous Palette

#53A2A2 #57B2B2 #3B7DBE #3F85CA #5757B2 #6565B8

Triadic Palette

#3775B2 #3F85CA #D73385 #DC4B94 #85D733 #75BD2D

Split Complementary Palette

#3978B6 #3F85CA #CA3F3F #CF5252 #CACA3F #B6B639

Square Palette

#3570AA #3F85CA #BE4BBE #BE854B #3FCA3F #5ED25E

Tetradic Palette

#346DA6 #3F85CA #8529E0 #CA853F #85E029 #9BE650

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3F85CA contains 63 red, 133 green, and 202 blue.

Contrast Ratio: 3.83:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.48:1