#2F4B60 Color

Color Information

HEX#2F4B60
RGB47, 75, 96
HSL206° , 34% , 28%
HSV206° , 51% , 38%
CMYK51%, 22%, 0%, 62%

Lighter Shades

#486173 #617686 #7A8C99 #93A1AC #ACB7BF #C5CDD2

Darker Shades

#294254 #243949 #1E303D #182732 #131E26 #0D151B

Complementary Palette

#284153 #2F4B60 #533A28 #60442F #765E4C #4C6476

Analogous Palette

#384C4B #3D5250 #2C475A #2F4B60 #3D3E52 #4A4B64

Triadic Palette

#294254 #2F4B60 #67284C #794261 #4C6728 #435B23

Split Complementary Palette

#2A4456 #2F4B60 #602F32 #704447 #605C2F #56532A

Square Palette

#273F51 #2F4B60 #563659 #594536 #32602F #537950

Tetradic Palette

#273E4F #2F4B60 #42226D #60442F #4C6D22 #6C874A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F4B60 contains 47 red, 75 green, and 96 blue.

Contrast Ratio: 9.37:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.24:1