#142236 Color

Color Information

HEX#142236
RGB20, 34, 54
HSL215° , 46% , 15%
HSV215° , 63% , 21%
CMYK63%, 37%, 0%, 79%

Lighter Shades

#303D4E #4C5766 #69727E #858C96 #A1A7AF #BDC1C7

Darker Shades

#121E30 #0F1A29 #0D1623 #0A121C #080E16 #060A0F

Complementary Palette

#111D2E #142236 #302312 #382915 #544736 #354152

Analogous Palette

#1A2B2D #1D2E30 #132033 #142236 #1E1D30 #313041

Triadic Palette

#121E30 #142236 #3B1122 #532E3D #223B11 #1E340F

Split Complementary Palette

#121F31 #142236 #381815 #4C2F2C #353815 #303213

Square Palette

#111D2D #142236 #341931 #342819 #153818 #3A583D

Tetradic Palette

#101C2C #142236 #290E3E #382915 #213E0E #496139

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #142236 contains 20 red, 34 green, and 54 blue.

Contrast Ratio: 17.03:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.23:1