#2F46A2 Color

Color Information

HEX	#2F46A2
RGB	47, 70, 162
HSL	228° , 55% , 41%
HSV	228° , 71% , 64%
CMYK	71%, 57%, 0%, 36%

Lighter Shades

#485CAD #6172B8 #7A89C3 #939FCF #ACB5DA #C5CBE5

Darker Shades

#293E8F #24357B #1E2D68 #182454 #131C41 #0D142D

Complementary Palette

#283C8B #2F46A2 #8B7828 #A28B2F #AF9B4C #4C60AF

Analogous Palette

#3F6E83 #44778D #2C4298 #2F46A2 #5A448D #6A5893

Triadic Palette

#293E8F #2F46A2 #AD2540 #B73F57 #40AD25 #389821

Split Complementary Palette

#2A3F92 #2F46A2 #A2522F #AB6344 #80A22F #73922A

Square Palette

#273B88 #2F46A2 #983A7B #98853A #2FA252 #50B16E

Tetradic Palette

#273985 #2F46A2 #961CB5 #A28B2F #3BB51C #5EC245

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F46A2 contains 47 red, 70 green, and 162 blue.

Contrast Ratio: 8.51:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.47:1