#2F3A65 Color

Color Information

HEX#2F3A65
RGB47, 58, 101
HSL228° , 36% , 29%
HSV228° , 53% , 40%
CMYK53%, 43%, 0%, 60%

Lighter Shades

#485277 #61698A #7A819C #9399AF #ACB0C1 #C5C8D4

Darker Shades

#293359 #242C4D #1E2541 #181E35 #131728 #0D101C

Complementary Palette

#283257 #2F3A65 #574D28 #655A2F #7B714C #4C567B

Analogous Palette

#394A51 #3E4F56 #2C375F #2F3A65 #453E56 #534C67

Triadic Palette

#293359 #2F3A65 #6C2836 #7E424E #366C28 #305F23

Split Complementary Palette

#2A345B #2F3A65 #653F2F #745244 #55652F #4D5B2A

Square Palette

#273155 #2F3A65 #5D3752 #5D5537 #2F653F #507E5E

Tetradic Palette

#273053 #2F3A65 #622272 #655A2F #327222 #578B4A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F3A65 contains 47 red, 58 green, and 101 blue.

Contrast Ratio: 11.4:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.84:1