#142E9B Color

Color Information

HEX#142E9B
RGB20, 46, 155
HSL228° , 77% , 34%
HSV228° , 87% , 61%
CMYK87%, 70%, 0%, 39%

Lighter Shades

#3047A7 #4C60B3 #6979BF #8592CB #A1ABD7 #BDC4E3

Darker Shades

#122888 #0F2376 #0D1D63 #0A1851 #08123E #060D2B

Complementary Palette

#112885 #142E9B #846D11 #997F14 #A79135 #354BA9

Analogous Palette

#22617C #256A88 #132B92 #142E9B #432588 #533B8C

Triadic Palette

#122888 #142E9B #A20B29 #AD2843 #29A20B #248F0A

Split Complementary Palette

#12298C #142E9B #993C14 #A3502C #719914 #668A12

Square Palette

#112782 #142E9B #911D6E #917A1D #14993C #3AA95B

Tetradic Palette

#10267F #142E9B #8804A9 #997F14 #25A904 #4CB831

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #142E9B contains 20 red, 46 green, and 155 blue.

Contrast Ratio: 11.48:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.83:1