#031450 Color

Color Information

HEX#031450
RGB3, 20, 80
HSL227° , 93% , 16%
HSV227° , 96% , 31%
CMYK96%, 75%, 0%, 69%

Lighter Shades

#213065 #3F4C7A #5E698F #7C85A4 #9AA1B9 #B8BDCE

Darker Shades

#031246 #020F3D #020D33 #020A2A #010820 #010616

Complementary Palette

#031145 #031450 #443503 #4F3E03 #685926 #263569

Analogous Palette

#0B3142 #0B3647 #03134B #031450 #1C0B47 #302352

Triadic Palette

#031246 #031450 #520012 #671F2E #125200 #104800

Split Complementary Palette

#031248 #031450 #4F1803 #612F1C #394F03 #334703

Square Palette

#031143 #031450 #4B0737 #4B3C07 #034F18 #2B6B3D

Tetradic Palette

#021042 #031450 #400052 #4F3E03 #125200 #3D712E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #031450 contains 3 red, 20 green, and 80 blue.

Contrast Ratio: 18.01:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.17:1