#145162 Color

Color Information

HEX#145162
RGB20, 81, 98
HSL193° , 66% , 23%
HSV193° , 80% , 38%
CMYK80%, 17%, 0%, 62%

Lighter Shades

#306675 #4C7B88 #69909B #85A5AD #A1B9C0 #BDCED3

Darker Shades

#124756 #0F3E4A #0D343F #0A2A33 #082027 #06171B

Complementary Palette

#114654 #145162 #532011 #612514 #774435 #356978

Analogous Palette

#1D4E40 #205646 #134C5C #145162 #202F56 #35415F

Triadic Palette

#124756 #145162 #670E55 #792B69 #55670E #4B5B0C

Split Complementary Palette

#124958 #145162 #61142A #712C3F #614B14 #574412

Square Palette

#114452 #145162 #491A5B #5B281A #2A6114 #4C7A3A

Tetradic Palette

#104250 #145162 #1F096C #612514 #586C09 #768635

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #145162 contains 20 red, 81 green, and 98 blue.

Contrast Ratio: 8.98:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.34:1