#2F7BA3 Color

Color Information

HEX#2F7BA3
RGB47, 123, 163
HSL201° , 55% , 41%
HSV201° , 71% , 64%
CMYK71%, 25%, 0%, 36%

Lighter Shades

#488BAE #619BB9 #7AABC4 #93BACF #ACCADA #C5DAE5

Darker Shades

#296C8F #245D7C #1E4F68 #184055 #133141 #0D222E

Complementary Palette

#286A8C #2F7BA3 #8B4B28 #A2572F #AF6F4C #4C8DB0

Analogous Palette

#3F8379 #448D82 #2C7499 #2F7BA3 #444F8D #586193

Triadic Palette

#296C8F #2F7BA3 #AD257D #B73F8D #7DAD25 #6E9821

Split Complementary Palette

#2A6F93 #2F7BA3 #A22F40 #AB4453 #A2912F #92832A

Square Palette

#276789 #2F7BA3 #893A98 #985A3A #40A22F #5FB150

Tetradic Palette

#276586 #2F7BA3 #521CB5 #A2572F #7FB51C #96C245

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F7BA3 contains 47 red, 123 green, and 163 blue.

Contrast Ratio: 4.65:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.52:1