#2F3956 Color

Color Information

HEX#2F3956
RGB47, 57, 86
HSL225° , 29% , 26%
HSV225° , 45% , 34%
CMYK45%, 34%, 0%, 66%

Lighter Shades

#48516A #61697F #7A8093 #9398A7 #ACB0BB #C5C8D0

Darker Shades

#29324C #242B41 #1E2437 #181E2D #131722 #0D1018

Complementary Palette

#28314A #2F3956 #4A4128 #564C2F #6E654C #4C556E

Analogous Palette

#344246 #38474C #2C3651 #2F3956 #3D384C #4B455E

Triadic Palette

#29324C #2F3956 #5C2835 #70424D #355C28 #2F5123

Split Complementary Palette

#2A334D #2F3956 #56392F #674D44 #4C562F #444D2A

Square Palette

#273048 #2F3956 #4F3649 #4F4936 #2F5639 #507159

Tetradic Palette

#272F47 #2F3956 #522361 #564C2F #336123 #587D4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F3956 contains 47 red, 57 green, and 86 blue.

Contrast Ratio: 11.9:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.76:1