#142642 Color

Color Information

HEX#142642
RGB20, 38, 66
HSL217° , 53% , 17%
HSV217° , 70% , 26%
CMYK70%, 42%, 0%, 74%

Lighter Shades

#304059 #4C5A6F #697486 #858E9D #A1A8B3 #BDC2CA

Darker Shades

#12213A #0F1D32 #0D182A #0A1422 #080F1A #060B12

Complementary Palette

#112139 #142642 #392A11 #423114 #5C4E35 #35445C

Analogous Palette

#193033 #1D363A #13243E #142642 #211D3A #363446

Triadic Palette

#12213A #142642 #471025 #5D2D3F #254710 #213E0E

Split Complementary Palette

#12223B #142642 #421A14 #55312C #3D4214 #373B12

Square Palette

#112037 #142642 #3E193A #3E3019 #14421A #3A603F

Tetradic Palette

#101F36 #142642 #340D4A #423114 #244A0D #4B6B39

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #142642 contains 20 red, 38 green, and 66 blue.

Contrast Ratio: 16.07:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.31:1