#2F4370 Color

Color Information

HEX	#2F4370
RGB	47, 67, 112
HSL	222° , 41% , 31%
HSV	222° , 58% , 44%
CMYK	58%, 40%, 0%, 56%

Lighter Shades

#485A81 #617092 #7A87A3 #939DB5 #ACB4C6 #C5CAD7

Darker Shades

#293B63 #243355 #1E2B48 #18233A #131B2D #0D131F

Complementary Palette

#283A60 #2F4370 #5F4F28 #6F5C2F #83734C #4C5D84

Analogous Palette

#385056 #3E5960 #2C3F69 #2F4370 #453E60 #56506D

Triadic Palette

#293B63 #2F4370 #77273F #874156 #3F7727 #376922

Split Complementary Palette

#2A3C65 #2F4370 #6F3C2F #7D5044 #626F2F #58642A

Square Palette

#27385E #2F4370 #68375E #685937 #2F6F3C #50865B

Tetradic Palette

#27375C #2F4370 #62207E #6F5C2F #3C7E20 #5F9548

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F4370 contains 47 red, 67 green, and 112 blue.

Contrast Ratio: 10.02:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.1:1