#145B63 Color

Color Information

HEX	#145B63
RGB	20, 91, 99
HSL	186° , 66% , 23%
HSV	186° , 80% , 39%
CMYK	80%, 8%, 0%, 61%

Lighter Shades

#306F76 #4C8288 #69969B #85AAAE #A1BDC1 #BDD1D3

Darker Shades

#125057 #0F454B #0D3A3F #0A2F33 #082428 #06191C

Complementary Palette

#114E55 #145B63 #531811 #611C14 #773C35 #357279

Analogous Palette

#1D4E3A #205640 #13565D #145B63 #203556 #35465F

Triadic Palette

#125057 #145B63 #670E60 #792B73 #60670E #545B0C

Split Complementary Palette

#125259 #145B63 #611433 #712C47 #614214 #573B12

Square Palette

#114C53 #145B63 #411A5B #5B201A #336114 #547A3A

Tetradic Palette

#104B51 #145B63 #13096C #611C14 #646C09 #808635

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #145B63 contains 20 red, 91 green, and 99 blue.

Contrast Ratio: 7.84:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.68:1