#312F82 Color

Color Information

HEX#312F82
RGB49, 47, 130
HSL241° , 47% , 35%
HSV241° , 64% , 51%
CMYK62%, 64%, 0%, 49%

Lighter Shades

#4A4891 #6261A0 #7B7AAF #9493BE #ADACCD #C5C5DC

Darker Shades

#2B2972 #252463 #1F1E53 #191844 #141334 #0E0D24

Complementary Palette

#2A2870 #312F82 #707128 #82832F #94944C #4E4C94

Analogous Palette

#3B5168 #415871 #2E2C7A #312F82 #5A4171 #675478

Triadic Palette

#2B2972 #312F82 #8C2826 #9A4240 #268C28 #217B23

Split Complementary Palette

#2C2A75 #312F82 #835B2F #8F6B44 #58832F #4F762A

Square Palette

#29276D #312F82 #7A3858 #797A38 #2F835B #509775

Tetradic Palette

#28276B #312F82 #931F91 #82832F #1F9321 #47A649

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #312F82 contains 49 red, 47 green, and 130 blue.

Contrast Ratio: 11.75:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.79:1