#145F66 Color

Color Information

HEX	#145F66
RGB	20, 95, 102
HSL	185° , 67% , 24%
HSV	185° , 80% , 40%
CMYK	80%, 7%, 0%, 60%

Lighter Shades

#307278 #4C858B #69999D #85ACAF #A1BFC2 #BDD2D4

Darker Shades

#12545A #0F484E #0D3D41 #0A3135 #082629 #061B1D

Complementary Palette

#115258 #145F66 #581711 #661B14 #7B3B35 #35757B

Analogous Palette

#1D533D #205A42 #135960 #145F66 #20385A #364963

Triadic Palette

#12545A #145F66 #6C0E64 #7E2B77 #646C0E #585F0C

Split Complementary Palette

#12565C #145F66 #661436 #752C4A #664414 #5C3D12

Square Palette

#115056 #145F66 #431A60 #60201A #366614 #567E3A

Tetradic Palette

#104E54 #145F66 #120971 #661B14 #697109 #848B35

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #145F66 contains 20 red, 95 green, and 102 blue.

Contrast Ratio: 7.4:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.84:1