#2F5075 Color

Color Information

HEX	#2F5075
RGB	47, 80, 117
HSL	212° , 43% , 32%
HSV	212° , 60% , 46%
CMYK	60%, 32%, 0%, 54%

Lighter Shades

#486586 #617A96 #7A8FA7 #93A4B7 #ACB9C8 #C5CED8

Darker Shades

#294667 #243D59 #1E334B #182A3D #13202F #0D1621

Complementary Palette

#284565 #2F5075 #654828 #75542F #886C4C #4C6988

Analogous Palette

#3B5C5E #3F6264 #2C4B6E #2F5075 #403F64 #53526F

Triadic Palette

#294667 #2F5075 #7D264D #8D4062 #4D7D26 #446E21

Split Complementary Palette

#2A4869 #2F5075 #75312F #834644 #72752F #67692A

Square Palette

#274362 #2F5075 #6D376A #6D5337 #2F7531 #508B52

Tetradic Palette

#274260 #2F5075 #552083 #75542F #4D8320 #6D9948

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F5075 contains 47 red, 80 green, and 117 blue.

Contrast Ratio: 8.47:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.48:1