#2F4D98 Color

Color Information

HEX	#2F4D98
RGB	47, 77, 152
HSL	223° , 53% , 39%
HSV	223° , 69% , 60%
CMYK	69%, 49%, 0%, 40%

Lighter Shades

#4862A4 #6178B1 #7A8DBD #93A2C9 #ACB8D6 #C5CDE2

Darker Shades

#294486 #243B74 #1E3161 #18284F #131F3D #0D162B

Complementary Palette

#284283 #2F4D98 #836928 #987A2F #A68D4C #4C66A6

Analogous Palette

#3E6D7A #437684 #2C488F #2F4D98 #514384 #62568A

Triadic Palette

#294486 #2F4D98 #A22548 #AD3F5E #48A225 #3F8F21

Split Complementary Palette

#2A4589 #2F4D98 #98462F #A25944 #81982F #74892A

Square Palette

#274180 #2F4D98 #8E397C #8E7639 #2F9846 #50A864

Tetradic Palette

#273F7D #2F4D98 #821DAA #987A2F #45AA1D #66B946

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F4D98 contains 47 red, 77 green, and 152 blue.

Contrast Ratio: 8.1:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.59:1