#12448E Color

Color Information

HEX	#12448E
RGB	18, 68, 142
HSL	216° , 78% , 31%
HSV	216° , 87% , 56%
CMYK	87%, 52%, 0%, 44%

Lighter Shades

#2E5A9C #4B71A9 #6787B7 #849EC4 #A0B4D2 #BDCBDF

Darker Shades

#103C7D #0E346C #0C2C5B #09234A #071B39 #051328

Complementary Palette

#0F3A7A #12448E #794E0F #8D5B11 #9D7232 #335E9E

Analogous Palette

#1F6C75 #21747D #114085 #12448E #2A217D #3E3681

Triadic Palette

#103C7D #12448E #950941 #A22758 #419509 #398308

Split Complementary Palette

#103D80 #12448E #8D1E11 #983529 #808D11 #737F0F

Square Palette

#0F3977 #12448E #85197A #855A19 #118D1E #379F42

Tetradic Palette

#0F3874 #12448E #5E039B #8D5B11 #409B03 #62AD30

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #12448E contains 18 red, 68 green, and 142 blue.

Contrast Ratio: 9.58:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.19:1