#142F96 Color

Color Information

HEX#142F96
RGB20, 47, 150
HSL228° , 76% , 33%
HSV228° , 87% , 59%
CMYK87%, 69%, 0%, 41%

Lighter Shades

#3048A3 #4C61AF #697ABC #8593C8 #A1ACD5 #BDC5E2

Darker Shades

#122984 #0F2472 #0D1E60 #0A184E #08133C #060D2A

Complementary Palette

#112881 #142F96 #7F6A11 #947B14 #A38D35 #354CA5

Analogous Palette

#215E78 #256783 #132C8D #142F96 #412583 #513A88

Triadic Palette

#122984 #142F96 #9D0C29 #A92943 #299D0C #248A0B

Split Complementary Palette

#122A87 #142F96 #943B14 #9F4F2C #6E9414 #638512

Square Palette

#11277E #142F96 #8C1D6A #8C751D #14943B #3AA55A

Tetradic Palette

#10277B #142F96 #8405A3 #947B14 #25A305 #4CB432

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #142F96 contains 20 red, 47 green, and 150 blue.

Contrast Ratio: 11.59:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.81:1