#2F5093 Color

Color Information

HEX	#2F5093
RGB	47, 80, 147
HSL	220° , 52% , 38%
HSV	220° , 68% , 58%
CMYK	68%, 46%, 0%, 42%

Lighter Shades

#4865A0 #617AAD #7A8FBA #93A4C7 #ACB9D4 #C5CEE1

Darker Shades

#294681 #243D70 #1E335E #182A4C #13203B #0D1629

Complementary Palette

#28457E #2F5093 #7E6228 #93722F #A2864C #4C69A2

Analogous Palette

#3D6C76 #427680 #2C4B8A #2F5093 #4C4280 #5D5686

Triadic Palette

#294681 #2F5093 #9D254D #A93F62 #4D9D25 #448A21

Split Complementary Palette

#2A4884 #2F5093 #933F2F #9E5244 #82932F #75842A

Square Palette

#27437B #2F5093 #8A387C #8A6E38 #2F933F #50A45E

Tetradic Palette

#274279 #2F5093 #781DA5 #93722F #4AA51D #6BB546

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F5093 contains 47 red, 80 green, and 147 blue.

Contrast Ratio: 7.93:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.65:1