#2F85CA Color

Color Information

HEX#2F85CA
RGB47, 133, 202
HSL207° , 62% , 49%
HSV207° , 77% , 79%
CMYK77%, 34%, 0%, 21%

Lighter Shades

#4894D0 #61A2D7 #7AB1DD #93C0E3 #ACCEEA #C5DDF0

Darker Shades

#2975B2 #24659A #1E5581 #184569 #133551 #0D2539

Complementary Palette

#2872AE #2F85CA #AE6528 #CA752F #D1884C #4C96D1

Analogous Palette

#43A39E #48B1AC #2C7DBE #2F85CA #484EB1 #585DB6

Triadic Palette

#2975B2 #2F85CA #D72386 #DC3D95 #86D723 #76BD1F

Split Complementary Palette

#2A78B6 #2F85CA #CA2F37 #CF444B #CAC32F #B6B02A

Square Palette

#2770AA #2F85CA #B73CBE #BE763C #37CA2F #57D250

Tetradic Palette

#276DA6 #2F85CA #7319E1 #CA752F #87E119 #9DE642

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #2F85CA contains 47 red, 133 green, and 202 blue.

Contrast Ratio: 3.9:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.38:1