#2F5DA3 Color

Color Information

HEX	#2F5DA3
RGB	47, 93, 163
HSL	216° , 55% , 41%
HSV	216° , 71% , 64%
CMYK	71%, 43%, 0%, 36%

Lighter Shades

#4870AE #6184B9 #7A97C4 #93ABCF #ACBEDA #C5D2E5

Darker Shades

#29528F #24477C #1E3C68 #183055 #132541 #0D1A2E

Complementary Palette

#28508C #2F5DA3 #8B6428 #A2742F #AF874C #4C74B0

Analogous Palette

#3F7C83 #44868D #2C5799 #2F5DA3 #4B448D #5E5893

Triadic Palette

#29528F #2F5DA3 #AD255B #B73F6F #5BAD25 #509821

Split Complementary Palette

#2A5493 #2F5DA3 #A23B2F #AB4F44 #97A22F #88922A

Square Palette

#274E89 #2F5DA3 #983A8E #98723A #2FA23B #50B15A

Tetradic Palette

#274C86 #2F5DA3 #781CB5 #A2742F #59B51C #77C245

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F5DA3 contains 47 red, 93 green, and 163 blue.

Contrast Ratio: 6.57:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.2:1