#2F6478 Color

Color Information

HEX#2F6478
RGB47, 100, 120
HSL196° , 44% , 33%
HSV196° , 61% , 47%
CMYK61%, 17%, 0%, 53%

Lighter Shades

#487788 #618998 #7A9CA9 #93AEB9 #ACC1C9 #C5D4D9

Darker Shades

#29586A #244C5B #1E404D #18343E #132830 #0D1C22

Complementary Palette

#285667 #2F6478 #683A28 #79432F #8C5D4C #4C7A8B

Analogous Palette

#3A5F57 #40685F #2C5E71 #2F6478 #404968 #52596F

Triadic Palette

#29586A #2F6478 #822769 #91417B #698227 #5C7222

Split Complementary Palette

#2A5A6C #2F6478 #792F40 #864453 #79682F #6D5E2A

Square Palette

#275465 #2F6478 #633871 #714738 #40792F #5F8E50

Tetradic Palette

#275262 #2F6478 #3C2088 #79432F #6C8820 #869D48

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F6478 contains 47 red, 100 green, and 120 blue.

Contrast Ratio: 6.56:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.2:1