#2F3E6D Color

Color Information

HEX	#2F3E6D
RGB	47, 62, 109
HSL	225° , 40% , 31%
HSV	225° , 57% , 43%
CMYK	57%, 43%, 0%, 57%

Lighter Shades

#48557F #616C90 #7A83A2 #939BB3 #ACB2C5 #C5C9D6

Darker Shades

#293760 #242F53 #1E2846 #182039 #13192C #0D111F

Complementary Palette

#28355E #2F3E6D #5F5228 #6F5F2F #83754C #4C5981

Analogous Palette

#384F56 #3E5760 #2C3A66 #2F3E6D #473E60 #57506D

Triadic Palette

#293760 #2F3E6D #77273B #874153 #3B7727 #346922

Split Complementary Palette

#2A3862 #2F3E6D #6F3F2F #7D5244 #5F6F2F #56642A

Square Palette

#27345C #2F3E6D #68375B #685B37 #2F6F3F #50865E

Tetradic Palette

#273359 #2F3E6D #66207E #6F5F2F #387E20 #5C9548

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F3E6D contains 47 red, 62 green, and 109 blue.

Contrast Ratio: 10.7:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.96:1