#2F4EA2 Color

Color Information

HEX	#2F4EA2
RGB	47, 78, 162
HSL	224° , 55% , 41%
HSV	224° , 71% , 64%
CMYK	71%, 52%, 0%, 36%

Lighter Shades

#4863AD #6178B8 #7A8EC3 #93A3CF #ACB8DA #C5CDE5

Darker Shades

#29458F #243B7B #1E3268 #182954 #131F41 #0D162D

Complementary Palette

#28438B #2F4EA2 #8B7128 #A2832F #AF944C #4C67AF

Analogous Palette

#3F7383 #447C8D #2C4998 #2F4EA2 #55448D #665893

Triadic Palette

#29458F #2F4EA2 #AD2549 #B73F5F #49AD25 #409821

Split Complementary Palette

#2A4692 #2F4EA2 #A24A2F #AB5C44 #87A22F #7A922A

Square Palette

#274288 #2F4EA2 #983A82 #987F3A #2FA24A #50B167

Tetradic Palette

#274085 #2F4EA2 #8C1CB5 #A2832F #45B51C #66C245

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F4EA2 contains 47 red, 78 green, and 162 blue.

Contrast Ratio: 7.8:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.69:1