#0312A4 Color

Color Information

HEX#0312A4
RGB3, 18, 164
HSL234° , 96% , 33%
HSV234° , 98% , 64%
CMYK98%, 89%, 0%, 36%

Lighter Shades

#212EAF #3F4BBA #5E67C5 #7C84D0 #9AA0DB #B8BDE6

Darker Shades

#031090 #020E7D #020C69 #020955 #010742 #01052E

Complementary Palette

#030F8D #0312A4 #8E8003 #A59503 #B2A426 #2633B1

Analogous Palette

#125887 #146194 #03119A #0312A4 #471494 #562B97

Triadic Palette

#031090 #0312A4 #A80011 #B21F2E #11A800 #0F9400

Split Complementary Palette

#031094 #0312A4 #A54403 #AE571C #64A503 #5A9503

Square Palette

#030F8A #0312A4 #9D0C63 #9D8E0C #03A544 #2BB362

Tetradic Palette

#020F86 #0312A4 #9700A8 #A59503 #11A800 #3CB82E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #0312A4 contains 3 red, 18 green, and 164 blue.

Contrast Ratio: 13.22:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.59:1