#2F317B Color

Color Information

HEX#2F317B
RGB47, 49, 123
HSL238° , 45% , 33%
HSV238° , 62% , 48%
CMYK62%, 60%, 0%, 52%

Lighter Shades

#484A8B #61629B #7A7BAB #9394BA #ACADCA #C5C5DA

Darker Shades

#292B6C #24255D #1E1F4F #181940 #131431 #0D0E22

Complementary Palette

#282A6A #2F317B #696628 #7A772E #8D8A4B #4C4E8D

Analogous Palette

#394E60 #3F5669 #2C2E74 #2F317B #533F69 #605170

Triadic Palette

#292B6C #2F317B #822629 #914043 #298226 #247221

Split Complementary Palette

#2A2C6F #2F317B #7A522E #876343 #577A2E #4E6E29

Square Palette

#272967 #2F317B #723756 #727037 #2E7A52 #4F8F6E

Tetradic Palette

#272865 #2F317B #861F89 #7A772E #23891F #4B9E47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2F317B contains 47 red, 49 green, and 123 blue.

Contrast Ratio: 11.84:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.77:1