#142AA3 Color

Color Information

HEX#142AA3
RGB20, 42, 163
HSL231° , 78% , 36%
HSV231° , 88% , 64%
CMYK88%, 74%, 0%, 36%

Lighter Shades

#3044AE #4C5DB9 #6977C4 #8590CF #A1AADA #BDC3E5

Darker Shades

#12258F #0F207C #0D1B68 #0A1655 #081141 #060C2E

Complementary Palette

#11248C #142AA3 #8C7A11 #A38E14 #B09E35 #3548B0

Analogous Palette

#236386 #276C91 #132799 #142AA3 #4C2791 #5B3C96

Triadic Palette

#12258F #142AA3 #AD0B23 #B7283D #23AD0B #1F980A

Split Complementary Palette

#122693 #142AA3 #A34614 #AC592C #71A314 #669312

Square Palette

#112389 #142AA3 #9A1D6F #9A871D #14A346 #3AB264

Tetradic Palette

#102286 #142AA3 #9904B4 #A38E14 #1EB404 #47C231

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #142AA3 contains 20 red, 42 green, and 163 blue.

Contrast Ratio: 11.5:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.83:1