#142946 Color

Color Information

HEX#142946
RGB20, 41, 70
HSL215° , 56% , 18%
HSV215° , 71% , 27%
CMYK71%, 41%, 0%, 73%

Lighter Shades

#30435C #4C5C72 #697689 #85909F #A1A9B5 #BDC3CB

Darker Shades

#12243E #0F1F35 #0D1A2D #0A1524 #08101C #060B14

Complementary Palette

#11233C #142946 #3E2B11 #483214 #624F35 #354760

Analogous Palette

#1A3538 #1D3B3F #132742 #142946 #201D3F #36344B

Triadic Palette

#12243E #142946 #4D0F29 #622C43 #294D0F #24440D

Split Complementary Palette

#12253F #142946 #481814 #5A2F2C #434814 #3C4112

Square Palette

#11223B #142946 #43183F #433118 #144818 #3A653D

Tetradic Palette

#102239 #142946 #340B50 #483214 #28500B #4F7037

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #142946 contains 20 red, 41 green, and 70 blue.

Contrast Ratio: 15.48:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.36:1