#2F335A Color

Color Information

HEX#2F335A
RGB47, 51, 90
HSL234° , 31% , 27%
HSV234° , 48% , 35%
CMYK48%, 43%, 0%, 65%

Lighter Shades

#484B6E #616482 #7A7C95 #9395A9 #ACADBD #C5C6D1

Darker Shades

#292D4F #242744 #1E213A #181B2F #131424 #0D0E19

Complementary Palette

#282C4D #2F335A #4D4A29 #5A5630 #716E4D #4C5071

Analogous Palette

#364149 #3B474F #2C3055 #2F335A #433B4F #524861

Triadic Palette

#292D4F #2F335A #60292F #734348 #2F6029 #295424

Split Complementary Palette

#2A2E51 #2F335A #5A4130 #6B5445 #495A30 #42512B

Square Palette

#272B4C #2F335A #533748 #535037 #305A41 #51745F

Tetradic Palette

#272A4A #2F335A #5F2466 #5A5630 #2A6624 #50824B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F335A contains 47 red, 51 green, and 90 blue.

Contrast Ratio: 12.62:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.66:1