#143A50 Color

Color Information

HEX#143A50
RGB20, 58, 80
HSL202° , 60% , 20%
HSV202° , 75% , 31%
CMYK75%, 28%, 0%, 69%

Lighter Shades

#305265 #4C697A #69818F #8599A4 #A1B0B9 #BDC8CE

Darker Shades

#123346 #0F2C3D #0D2533 #0A1E2A #081720 #061016

Complementary Palette

#113245 #143A50 #472511 #522B14 #6A4935 #355669

Analogous Palette

#1B413C #1E4842 #13374B #143A50 #1E2448 #343851

Triadic Palette

#123346 #143A50 #570F3D #6B2C54 #3D570F #364D0D

Split Complementary Palette

#123448 #143A50 #52141D #632C34 #524914 #4A4212

Square Palette

#113143 #143A50 #45194D #4D2C19 #1D5214 #416E3A

Tetradic Palette

#103042 #143A50 #280B5B #522B14 #3E5B0B #617937

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #143A50 contains 20 red, 58 green, and 80 blue.

Contrast Ratio: 12.51:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.68:1