#142164 Color

Color Information

HEX#142164
RGB20, 33, 100
HSL230° , 67% , 24%
HSV230° , 80% , 39%
CMYK80%, 67%, 0%, 61%

Lighter Shades

#303C77 #4C5689 #69719C #858CAE #A1A6C1 #BDC1D4

Darker Shades

#121D58 #0F194C #0D1540 #0A1134 #080D28 #06091C

Complementary Palette

#111C56 #142164 #584D11 #665914 #7B7035 #35407A

Analogous Palette

#1D4153 #20475A #131F5E #142164 #34205A #463663

Triadic Palette

#121D58 #142164 #6C0E1E #7E2B39 #1E6C0E #1A5F0C

Split Complementary Palette

#121E5A #142164 #663014 #75452C #4B6614 #445C12

Square Palette

#111C54 #142164 #601A49 #60541A #146630 #3A7E51

Tetradic Palette

#101B52 #142164 #600971 #665914 #1B7109 #448B35

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #142164 contains 20 red, 33 green, and 100 blue.

Contrast Ratio: 15.45:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.36:1